Create a button

Read over the guidelines before creating your button.
By creating a button, you agree to the terms in the guidelines.

User steps

The user steps for the LINE Social Plugin buttons are as follows:
  1. User selects LINE Social Plugin button
  2. Uses logs in with LINE Login
  3. User selects a share destination (share with friends or Timeline post), adds your account as a friend, or likes your content.

"LINE it!" button

The "LINE it!" button allows LINE users to easily share your web content with LINE friends.

Choose a button type


Set URL

Enter the URL of the site on which you wish to create a "LINE it!" button.
URL
The button will only function if its URL domain matches the actual page it is added to.

Preview your button and copy its code

Add the following code to your website's DOM. This code will be called by the DOMContentLoaded event.
Button preview
Code
`
<div>Code</div>
Copy this code and paste it where you want the button to be displayed on your website.
The script tag on the first line only needs to be added once when adding several "LINE it!" buttons on the same page.

Custom icons

To use a custom icon for your button, set the button's link using the guide below.
Link format
https://social-plugins.line.me/lineit/share?url={URL}
Example
(Target link: https://line.me/en)
https://social-plugins.line.me/lineit/share?url=https://line.me/en
Calling the "LINE it!" button on dynamic websites
Once the DOM tree is constructed and content is produced on your site, call LineIt.loadButton() to enable the "LINE it!" button.
<script type="text/javascript">LineIt.loadButton();</script>

Design

Design Guide
A zipped archive of "LINE it!" button images can be downloaded by clicking the button below.
The button image files are double-sized to fit Retina Display specifications.

"Add friend" button

This button lets visitors to your site add you as a friend on LINE.
Note: You must have a LINE official account or LINE@ account in order for users to friend you.

Enter LINE ID

Enter the LINE ID for your LINE official account or LINE@ account.
LINE ID

Choose a button type

Display number of friends and Home button link Display number of friends Only display "Add friend" button
Button preview
Code
<div>Code</div>