Skip to content

Commit

Permalink
Merge branch 'main' of github.com:asumsi/inlive-website
Browse files Browse the repository at this point in the history
  • Loading branch information
@tyohan
tyohan committed Jan 3, 2025
2 parents 09e60e7 + 977f5cb commit ac04173
Show file tree
Hide file tree
Showing 4 changed files with 53 additions and 197 deletions.
Binary file added content/blog/15-create-paid-webinars-in-inlive-room/images/og-image.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
51 changes: 51 additions & 0 deletions content/blog/15-create-paid-webinars-in-inlive-room/index.md
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,51 @@
---
# Refer to the themes/inlive/archetypes/README.md
date: 2024-08-20
lastmod: 2024-08-20
title: Inlive Room Paid Webinar Feature
description: Introducing Paid Webinar Feature for InLive Room
ogimage: /blog/create-paid-webinars-in-inlive-room/images/og-image.png
slug: create-paid-webinars-in-inlive-room
summary: Introducing Paid Webinar Feature for InLive Room
---

# Paid Webinars? Now Easier than Ever with InLive Room

We've been on a mission to make InLive Room the absolute all-in-one platform for your webinar needs. We started with virtual rooms for seamless video calls (a must-have, of course\!), then added event pages to show the detailed information of your event and Easily manage registrations from your audience.

We even threw in post-event analytics to give you insights of your audience and your event’s success, with a guest book to see who attended and attendance tracking to know who stayed and who left early.

But we didn't stop there. We're committed to continuous improvement, and today we're thrilled to introduce a significant feature update that brings us closer to making InLive Room your all-in-one webinar platform.

## Introducing Paid Webinars

You asked, we listened\! Based on your valuable feedback, we've been working hard behind the scenes in the past few weeks, and now we're ready to unveil our latest feature: Paid Webinars\!

Creating and managing paid webinars just got a whole lot simpler now. Here's why:

1. **For your audience — Registration & payment in one place:** No more bouncing between platforms. Your audience can register and complete their payment directly within your event page. It's a hassle-free experience for them\!
2. **For you, as a host — No more payment tracking:** Our system handles payment tracking and shows you the report in real-time by email. Forget about manually writing down those payment confirmations\! Plus, you won't need to constantly update your audience about available spots – registration and payment will automatically close once your webinar reaches full capacity.

## The Benefits You'll Love

1. **Simplify your workflow:** Focus on creating engaging events for your audience. Let us handle the nitty-gritty on administrative tasks.
2. **Boost your revenue:** Monetize your expertise and effortlessly earn from your webinars.
3. **Enhanced audience experience:** Provide a smooth registration and payment process for your attendees.

## How About the Payout?

We believe in empowering creators, so **for now, we're not taking any fees** from your paid webinar earnings. **You keep 100% of your ticket sales\!**

FYI, we use Xendit as our payment gateway, so there will be a small platform fee from them. But rest assured, we're committed to keeping your costs low. We'll keep you updated if there are any changes to our fee structure in the future, but **for now, enjoy maximum earnings from your webinars\!**

## Ready to Try it Out?

We're currently rolling out this feature to a limited group of users. If you're eager to start hosting paid webinars with InLive Room, simply submit a request to join our whitelist\!

[Request to get early access](https://forms.gle/kzp76byMs8WcLM8y8)

“Let's take your webinars to the next level together\!”

Cheers,
The InLive Room Team

4 changes: 2 additions & 2 deletions content/docs/getting-started/api-auth/index.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,8 +16,8 @@ menu:

## Get an Application Key
To allow your app to access all Inlive APIs, you need an application key, also known as an API key. This application key is unique per application, and you will need to use it with all your API requests. Follow these steps to create your application key:
1. Register [an Inlive account](#).
2. Go to [the integration page](#).
1. Register <a href="{{< getenv env=`_HUGO_INLIVE_STUDIO_ORIGIN` >}}" target="_blank" rel="noopener noreferrer">an Inlive account</a>.
2. Go to <a href="{{< getenv env=`_HUGO_INLIVE_STUDIO_ORIGIN` >}}/settings/integration/" target="_blank" rel="noopener noreferrer">the integration page</a>.
3. Create an application key. Make sure you copy the key after you create it because you won't be able to see it again later.

## Authenticate Your API Request
Expand Down
195 changes: 0 additions & 195 deletions themes/inlive/layouts/page/pricing.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -52,201 +52,6 @@ <h1 class="mb-6 font-extrabold text-3xl text-center text-slate-900">
</a>
</div>
</section>
<!-- <header class="text-center mt-20 mb-12">
<h1 class="font-extrabold text-3xl leading-9 mb-2">Choose Your Plan</h1>
<p class="text-lg leading-7 text-gray-700 px-6">Flexible pricing plans for teams of all sizes and pay by month.</p>
</header>
<section class="mt-4">
<div class="grid overflow-x-auto gap-5" style="grid-template-columns: repeat(4, 1fr);">
{{ $linkStudioOrigin := getenv "_HUGO_INLIVE_STUDIO_ORIGIN" }}
{{ $apiOriginLink := getenv "_HUGO_INLIVE_API_ORIGIN"}}
{{ $linkAPI := printf "%s/v1/package" $apiOriginLink }}
{{ $items := getJSON $linkAPI }}
{{ range $item := sort $items.data "id" "asc"}}
<div class="text-center w-[280px] border border-red-300 rounded-2xl min-h-[586px]">
<h2 class="bg-red-200 font-bold text-2xl leading-8 rounded-t-2xl text-center py-5 capitalize">{{ $item.name }}
</h2>
<div class="grid items-end">
<div class="my-10 self-start">
<span class="text-4xl leading-10">$</span><span class="text-6xl leading-none font-extrabold">{{ $item.price
}}</span><span class="text-xl leading-10">/mo</span>
</div>
<p class="text-sm leading-5 px-8 self-start min-h-[5rem]">{{ $item.description }}</p>
{{ if eq (int $item.id) 1 }}
<div class="my-10">
<a href="{{ $linkStudioOrigin }}/login" target="_blank" rel="noopener noreferrer"
class="inline-block text-red-600 border border-red-600 hover:bg-red-600 hover:text-white rounded-md hover:shadow-lg active:shadow-lg py-3 px-6 text-center"
data-tracking-event="open-link" data-tracking-label="{{ $item.name }} plan on the pricing page">Get
Started</a>
</div>
{{ else if eq (int $item.id) 2 }}
<div class="my-10">
<a href="{{ $linkStudioOrigin }}/login" target="_blank" rel="noopener noreferrer"
class="inline-block text-red-600 border border-red-600 hover:bg-red-600 hover:text-white rounded-md hover:shadow-lg active:shadow-lg py-3 px-6 text-center"
data-tracking-event="open-link" data-tracking-label="{{ $item.name }} plan on the pricing page">Start
Trial</a>
</div>
{{ else if eq (int $item.id) 3 }}
<div class="my-10">
<a href="{{ $linkStudioOrigin }}/login" target="_blank" rel="noopener noreferrer"
class="inline-block text-red-600 border border-red-600 hover:bg-red-600 hover:text-white rounded-md hover:shadow-lg active:shadow-lg py-3 px-6 text-center"
data-tracking-event="open-link" data-tracking-label="{{ $item.name }} plan on the pricing page">Start
Trial</a>
</div>
{{ else if eq (int $item.id) 4 }}
<div class="my-10">
<a href="mailto:{{ $inliveEmail }}" target="_blank" rel="noopener noreferrer"
class="inline-block text-red-600 border border-red-600 hover:bg-red-600 hover:text-white rounded-md hover:shadow-lg active:shadow-lg py-3 px-6 text-center"
data-tracking-event="open-link" data-tracking-label="{{ $item.name }} plan on the pricing page">Contact
Us</a>
</div>
{{ end }}
</div>
<div class="flex justify-center py-10 border-t border-t-red-300">
<ul class="list-none text-center text-sm">
<li>
<b>Streaming hours</b>
<div>{{div $item.time_quota 60}} hours</div>
</li>
{{ $byteToGB := div $item.bandwidth_quota (mul 1000 (mul 1000 1000))}}
<li class="mt-8">
<b>Bandwidth</b>
<div>{{ lang.FormatNumberCustom 0 $byteToGB }} GB</div>
</li>
<li class="mt-8">
<b>Quality</b>
<div>{{ print $item.quality "p" }}</div>
</li>
{{ if eq (int $item.id) 4 }}
<li class="mt-8">
<b>Streaming overage</b>
<div>$0.525/hour</div>
</li>
{{ else }}
<li class="mt-8">
<b>Streaming overage</b>
<div>Not allowed</div>
</li>
{{ end }}
{{ if eq (int $item.id) 4 }}
<li class="mt-8">
<b>Bandwidth overage</b>
<div>$0.009/GB</div>
</li>
{{ else }}
<li class="mt-8">
<b>Bandwidth overage</b>
<div>Not allowed</div>
</li>
{{ end }}
{{ if eq (int $item.id) 1 }}
<li class="mt-8">
<b>Average viewers per stream</b>
<div>Allow up to 33 viewers</div>
</li>
{{ else if eq (int $item.id) 2 }}
<li class="mt-8">
<b>Average viewers per stream</b>
<div>Allow up to 200 viewers</div>
</li>
{{ else if eq (int $item.id) 3 }}
<li class="mt-8">
<b>Average viewers per stream</b>
<div>Allow up to 240 viewers</div>
</li>
{{ else if eq (int $item.id) 4 }}
<li class="mt-8">
<b>Average viewers per stream</b>
<div>Allow up to 267 viewers</div>
</li>
{{ end }}
{{ if eq (int $item.id) 1 }}
<li class="mt-8">
<b>Total viewers</b>
<div>Allow up to 100 viewers</div>
</li>
{{ else if eq (int $item.id) 2 }}
<li class="mt-8">
<b>Total viewers</b>
<div>Allow up to 800 viewers</div>
</li>
{{ else if eq (int $item.id) 3 }}
<li class="mt-8">
<b>Total viewers</b>
<div>Allow up to 2,400 viewers</div>
</li>
{{ else if eq (int $item.id) 4 }}
<li class="mt-8">
<b>Total viewers</b>
<div>Allow up to 6,400 viewers</div>
</li>
{{ end }}
</ul>
</div>
</div>
{{ end }}
</div>
</section> -->

<!-- <section>
<h1 class="font-bold text-2xl leading-8 mt-20 lg:mt-36 mb-12 text-center">Frequently Asked Questions</h1>
<div class="max-w-[580px] mx-auto">
<div class="border-y border-y-gray-300 py-3.5">
<button class="accordion font-bold text-gray-800 text-lg leading-7 text-left w-full flex items-center justify-between" style="transition: 0.4s;">
<span class="w-11/12 md:w-full">How much is the cost of bandwidth or viewer minutes?</span>
</button>
<div class="panel overflow-hidden text-left text-gray-600">
<p class="text-base leading-6 mt-3.5 mr-5 lg:mr-[3.75rem]">The bandwidth and viewer minutes is the biggest factor in live streaming cost, we're working to make this more affordable so small startups and indie hackers can afford to build a live streaming app.</p>
</div>
</div>
<div class="border-b border-b-gray-300 py-3.5">
<button class="accordion font-bold text-gray-800 text-lg leading-7 text-left w-full flex items-center justify-between" style="transition: 0.4s;">
<span class="w-11/12 md:w-full">What if I only want to host a single event?</span>
</button>
<div class="panel overflow-hidden text-left text-gray-600">
<p class="text-base leading-6 mt-3.5 mr-5 lg:mr-[3.75rem]">Plans can be canceled at any time. After registration, your account will be automatically applied with a starter plan. Which means you will get streaming hours for free in a month.</p>
</div>
</div>
<div class="border-b border-b-gray-300 py-3.5">
<button class="accordion font-bold text-gray-800 text-lg leading-7 text-left w-full flex items-center justify-between" style="transition: 0.4s;">
<span class="w-11/12 md:w-full">Can I upgrade/downgrade my plan at a later date?</span>
</button>
<div class="panel overflow-hidden text-left text-gray-600">
<p class="text-base leading-6 mt-3.5 mr-5 lg:mr-[3.75rem]">Since it's a monthly plan, your upgrade or downgrade is allowed and applied for the next billing cycle.</p>
</div>
</div>
<div class="border-b border-b-gray-300 py-3.5">
<button class="accordion font-bold text-gray-800 text-lg leading-7 text-left w-full flex items-center justify-between" style="transition: 0.4s;">
<span class="w-11/12 md:w-full">Can I cancel my subscription at any time?</span>
</button>
<div class="panel overflow-hidden text-left text-gray-600">
<p class="text-base leading-6 mt-3.5 mr-5 lg:mr-[3.75rem]">You can <a href="mailto:{{ $inliveEmail }}" aria-label="link-to-studio" target="_blank" rel="noopener noreferrer" class="text-red-600 font-semibold hover:underline">contact us</a> anytime to cancel the subscription and it will be ended for the next billing cycle.</p>
</div>
</div>
<div class="border-b border-b-gray-300 py-3.5">
<button class="accordion font-bold text-gray-800 text-lg leading-7 text-left w-full flex items-center justify-between" style="transition: 0.4s;">
<span class="w-11/12 md:w-full">How many days is inLive billing cycle?</span>
</button>
<div class="panel overflow-hidden text-left text-gray-600">
<p class="text-base leading-6 mt-3.5 mr-5 lg:mr-[3.75rem]">Our billing cycle is every 30 days.</p>
</div>
</div>
<div class="border-b border-b-gray-300 py-3.5">
<button class="accordion font-bold text-gray-800 text-lg leading-7 text-left w-full flex items-center justify-between" style="transition: 0.4s;">
<span class="w-11/12 md:w-full">What if my quota is still available but the cycle has ended?</span>
</button>
<div class="panel overflow-hidden text-left text-gray-600">
<p class="text-base leading-6 mt-3.5 mr-5 lg:mr-[3.75rem]">Quota will not be carried over.</p>
</div>
</div>
</div>
</section> -->
</main>
<!-- {{ partial "cta/try-inlive.html" . }} -->
{{ end }}
Expand Down

0 comments on commit ac04173

Please sign in to comment.