Skip to main content

How to create a LINE friend registration button

You can add a button to your Studio.Design site that takes visitors directly to the LINE friend registration screen.

You can create a button that opens the LINE add-friend screen by using any box or text box and setting a link on it. This article walks you through how to create and place a button using a box element.

Here's how to create the button.

1. Add a box to use as the button

Add a box to your screen.

  1. Click the add icon in the navigation.

  2. Click the [Basic] tab.

  3. In the [Basic] section, click [Box].

  4. The box appears on your screen.

2. Customize the button's design

Use the steps below to customize the button's design and layout.

3. Get the link from LINE

In LINE, copy the link that displays your QR code.

  1. In LINE, go to [Home] > [Add friends] > [QR code] > [My QR code]

  2. Click [Copy link] to copy the link that displays your QR code

For more details, see "Adding friends using a link" in LINE's official help center.

4. Add the link to the box in Studio.Design

Apply the link you got in step 3 to the box you added in step 1.

  1. Click the box you want to use as the button.

  2. In the right panel, select the [Settings] tab. If the right panel is closed, open it first.

  3. Paste the link you copied from LINE into the link field.

  4. If you're editing a site that's already published, update the site.

Where the button leads when clicked

Where visitors land after clicking the button depends on the device they're using.

  • On mobile devices: The button opens the add-friend screen in the LINE app.

  • On desktop: A QR code screen like the one below opens on the computer. When the visitor scans the QR code with their smartphone, the LINE app opens to the add-friend screen on that phone.


Did this answer your question?