PageFly - Social element

225 views Anh 0

In this article, you will learn about Social element and how to use it.

About Social element

Social element is designed to integrate social media networks into your page to increase conversion rate. You can use this element to add social proof for your store, products or to simply introduce the social media networks of your brand to your visitors.

Where Social element located

Social element comes with multiple variations such as Instagram, Facebook Like, Facebook Page and Twitter Feed. But we will continue to add more social media networks in the future.

Drag a variation to layout and see how it can be configured.

Social element configuration

Social element comes with plenty of parameters allowing you to fine-tune content appearance reaching the best possible conversion rate. Select the element in layout to see its parameters.

Instagram

General tab configuration of Instagram

The parameters in General tab are specific for this element.

The parameters in Styling and Advanced tabs are common for all elements. Read about them in this article.

SETTINGS
Access token Enter access token of your Instagram account. This is a required field. Please click on the “Get Token” link and follow the instruction to get the Access Token
Limit Number of photos you want to be displayed
Columns Number of columns to display your images on
Gutter Spacing between images

Facebook Like

General tab configuration of Facebook Like

The parameters in General tab are specific for this element.

The parameters in Styling and Advanced tabs are common for all elements. Read about them in this article.

CONTENT
App ID Facebook App ID. This is a required field. Please go to this link https://developers.facebook.com/ , click on the “Get Started” button located on the top right and follow the instruction to get your Facebook App ID
Page URL The Facebook page URL. This is a required field
Layout Layout of Facebook like

  • Standard: Like button and written text of the number of likes
  • Button: Only like button
  • Button Count: Like button and number of likes on the right
  • Box Count: Like button and number of likes on top
Size Size of the button
Share button Show or hide share button
Friend’s Faces Show or hide facebook friend’s avatar.

Facebook Page

General tab configuration of Facebook Page

The parameters in General tab are specific for this element.

The parameters in Styling and Advanced tabs are common for all elements. Read about them in this article.

CONTENT
App ID Facebook App ID. This is a required field. Please go to this link https://developers.facebook.com/ , click on the “Get Started” button located on the top right and follow the instruction to get your Facebook App ID
Page URL The Facebook page URL. This is a required field
Tabs Show/hide the tabs of Facebook page. You can select multiple tabs at once

  • Timeline: Display the timeline of your Facebook page
  • Events: Display the event of your Facebook page
  • Message: Allow visitor to send a message directly to your Facebook page
Displays You can select both Small Header and Adapt Width at once or separately

  • Small Header: Put the “Liked” icon under your Facebook page name and hide the  “Send message” button
  • Adapt Width: Responsive to different screen sizes
Show You can select both Cover and Faces at once or separately

  • Cover: Show the cover photo of your Facebook page
  • Faces: Show the avatar of your visitor or visitor’s friend that liked your Facebook page
Dimensions Width and Height of the box

Twitter Feed

General tab configuration of Twitter Feed

The parameters in General tab are specific for this element.

The parameters in Styling and Advanced tabs are common for all elements. Read about them in this article.

CONTENT
Twitter link Enter the twitter URL
Dimensions Width and Height of the box