Sales page button setup

In practice, plenty of customers pair zenbu webinar with an external sales or landing page: the page itself is built in another tool (WordPress, Webflow, a landing page builder), and the "Sign up now" button at the end points at a zenbu webinar LIFF URL. This page covers how to wire that link up so both desktop and mobile visitors flow smoothly into signup.

What the flow looks like

When a "Sign up now" button on your sales page points at a session's LIFF URL, the experience is:

Use case: Mrs. Lee clicks through from a Facebook ad and signs up

1. Mrs. Lee sees your ad on Facebook and lands on your sales page
2. She scrolls to the bottom, sees the Sign up free for the 4/28 live session button, and taps it
3. (On desktop) the browser goes to the LINE authorization page; Mrs. Lee either scans the QR code with LINE on her phone or signs in through the desktop LINE app
4. An Add friend page appears, and she taps it to become a friend of your Official Account
5. She's returned to the session detail page, now signed in and already a friend, and taps Continue to sign up to fill in the form
6. At the same time your Official Account receives the new-friend signal in the back end, which triggers your welcome message flow

Where do I get the LIFF URL?

Every webinar has two URLs:

Purpose	URL format	How to copy it
LIFF URL (for attendees to sign up)	https://liff.line.me/{liffId}?session={sessionId}	The Copy link button on each row under Webinar management → Sessions
Admin URL (internal use)	https://your-admin-domain/admin/sessions/{id}/edit	Click the session title to open the edit page; it's in the address bar

Always put the LIFF URL on your sales page button, never the admin URL. The LIFF URL has two advantages:

• Tapped inside the LINE app, it opens the in-app browser and requires no sign-in from the user
• Tapped in an external browser (desktop Chrome/Safari, mobile Safari), it automatically guides the visitor through LINE sign-in

One-off setup (LINE Developers Console)

For desktop visitors to see the intermediate Add friend page, two settings must be configured on the LIFF side first:

1. Link your LINE Official Account to the LIFF channel

In the LINE Developers Console, under your Provider, confirm that:

• Your LINE Login channel (which owns the LIFF) and your Messaging API channel (the Official Account) belong to the same Provider
• On the LIFF channel settings page, find Linked LINE Official Account and select the account to link

Note: both channels must be under the same Provider

This is a LINE platform rule. If they're under different Providers, the linking option simply won't appear. You'll need to move the channels under one Provider before you can continue.

2. Turn on Add friend option for the LIFF endpoint

On that LIFF channel's LIFF tab, open the LIFF app you're using and set Add friend option to:

On (Aggressive)

The three options differ like this:

Option	Behavior
Off	No add-friend prompt (default)
On (Normal)	Adds an "also add as friend" checkbox at the bottom of the authorization page
On (Aggressive)	Shows a separate full-screen Add friend page once authorization completes

Aggressive gives the most direct experience, and visitors almost never miss it.

Question: Is there really much difference between Normal and Aggressive?

A lot. The checkbox in Normal mode is ticked by default, but people clicking quickly through the authorization page skip right past it without reading. Aggressive forces a dedicated page with large, obvious copy, and the add-friend conversion rate is noticeably higher.

What does the sales page itself need?

Almost nothing. Put the LIFF URL in the button's href, <a> tag or button link field:

<a href="https://liff.line.me/2009742378-XXXX?session=abc123" 
   class="cta-button"
   target="_blank"
   rel="noopener">
  Sign up free for the 4/28 live session
</a>

A few suggestions:

• target="_blank" — open a new tab, so people can return to the sales page after signing up
• Don't wrap the LINE authorization page in an iframe — LINE's OAuth pages send X-Frame-Options: DENY, and the browser will render a blank frame
• Don't put a "you'll need to sign in with LINE" modal in front of the button — let them click straight through; the extra layer only raises abandonment

What about multiple sessions?

If your sales page is an overview listing several webinars, you have a few options:

• One link to the session list: use the LIFF URL https://liff.line.me/{liffId}/ with no ?session=, and let visitors pick a session inside LIFF. Good when you run many sessions aimed at different audiences
• One button per session: point each button at https://liff.line.me/{liffId}?session={that session's id}, so a visitor lands directly on that session's detail page. Good when the sales page already describes each session
• One session with multiple occurrences (repeat playback): once LIFF opens the session detail page, visitors get a dropdown to pick a time slot — you don't need a separate button per occurrence

How does ad tracking connect?

If your sales page carries Meta Pixel or Google Analytics, the button click itself can be tracked on the sales page (as a click event). The signup conversion event is sent to the corresponding pixel automatically by Marketing → Ad tracking events in the zenbu webinar admin, with no extra integration on the sales page. See Ad tracking events.

Note: do UTM parameters carry into LIFF?

Yes, but only for that session. A ?utm_source=fb&utm_medium=cpc&… appended to the LIFF URL is recorded in the referrer field of that signup. If the visitor leaves and comes back to sign up again, the UTM is gone. So base attribution that matters on the ad platform's own click id (fbclid / gclid), and treat UTM as a supporting signal only.