How to Install

Please read the Guidelines before installing the Buttons
By installing the Buttons, you agree to the Guidelines.

What is the LINE it! Button?

The LINE it! Button enables LINE users to share information from smartphone websites and applications easily.


User Flow

The LINE it! Button is designed for LINE users to share various kinds of information easily with their friends. The user flow of the Button is as follows.

  • 1. The user taps the LINE it! Button
  • 2. If LINE is installed, the app will launch, and the user will be prompted to select who to share the information with

    (1) Chats: Share with one or more friends, or to groups that the user is a member of.
    (2) Home: By tapping the button on the top right corner of the selection screen, the user may post the information on his/her Home. Posts on the users’ Homes will be shown on the Timelines of all of their friends.


Installation on Smartphone Websites

1.Select Button type

2.Select text to be shared

3.Check preview and copy code

Button preview Code

Copy the code above and paste it where you want the button to be displayed on your website.
The script tag in the first line only needs to be added once when installing several LINE it! Buttons on one page.


Technical Specifications

The LINE it! Button can be implemented on websites and apps by sending requests in the following formats.

1.Format 1

Displays the web browser when tapped.
The LINE app will launch automatically if it is installed.

http://line.me/R/msg/<CONTENT TYPE>/?<CONTENT KEY>
Parameter name Parameter value Description
<CONTENT TYPE> text Specify when sending text information.
<CONTENT KEY> [any value] Specify value in percent encoded (utf-8) text.
By principle, only the page title and page URL may be specified.
Specifying information irrelevant to the page is prohibited under the Guidelines.

2.Format 2

Launches the LINE app directly when tapped.
No action will take place if the LINE app is not installed. Supports the sending of images.
Sending of images is not supported on iOS7.

line://msg/<CONTENT TYPE>/<CONTENT KEY>
Parameter name Parameter value Description
<CONTENT TYPE> text Specify when sending text.
image Specify when sending image(s).
  • * For iPhones, images can only be sent from apps. Please refer to the explanation regarding <CONTENT KEY> below for information on how to set the parameters for apps.
  • * For Android devices, images will be saved as local files. Please refer to the explanation regarding <CONTENT KEY> below for information on how to set parameters.
<CONTENT KEY> [any value] Specify value in percent encoded (utf-8) text.
By principle, only the page title and page URL may be specified.
  • * When sending from iPhone apps, please attach the image to the Pasteboard and set a PasteboardName in the following format: line://msg/image/(PasteboardName)
  • * When sending from Android devices, please specify a local image path that can be accessed by LINE in the following format: line://msg/image/(localfilepath)
  • * Specifying information irrelevant to the page is prohibited under the Guidelines.

3.Example

Text to send: LINE it! http://line.me/

For websites

<a href="http://line.me/R/msg/text/?LINE%20it%21%0d%0ahttp%3a%2f%2fline%2enaver%2ejp%2f"><img src="[URL of Button image]" width="[width of Button]" height="[height of Button]" alt="LINE it!" /></a>

For WordPress templates

<a href="http://line.me/R/msg/text/?<?php the_title(); ?>%0D%0A<?php the_permalink(); ?>"><img src="[URL of Button]" width="[Width of Button]" height="[Height of Button]" alt="LINE it!" /></a>

4.Design

A zipped archive of the LINE it! Button images can be downloaded by clicking the button below. Please unzip the file to use the images.
The downloaded buttons are twice the display size so as to correspond to Retina Display specifications.

Download Button Images