Dynamic Elements

How to Add Social Share in Bricks Builder Using BricksFly

Estimated reading: 2 minutes 48 views

Social Share Element lets you add social sharing buttons to your website, making it easy for visitors to share your content across different social media platforms. You can choose a layout, control the display settings, and configure the platforms and icons to match your website design.

Requirement 

Make sure you have installed:

  • Bricks Theme 
  • BricksFly Pro
Add bricks theme
Adding bricksfly pro

Activate Social Share in BricksFly

  1. Go to your WordPress Dashboard. 
  2. Click on BricksFly. 
  3. Head to the Elements tab. 
  4. Under Dynamic, toggle on Social Share.
Activate social share element

Step 1: Select the Social Share Style

Style: Selects the visual layout used for the Social Share Element. Available options include One, Two, and Three.

One: Applies the first preset design for displaying the social share title and sharing options.

Two: Uses the second preset layout with a different arrangement and appearance.

Three: Applies the third preset design, providing another layout for presenting the sharing options.

You can choose any style based on your website design. In this example, Style Two layout is selected.

Select the social share style

Step 2: Configure the Display Options

Show Title: Displays or hides the main title of the Social Share Element. In this example, the option is enabled.

Share Icon: Selects the icon displayed beside the main social share title.

Show Share Content: Displays or hides the content of each sharing option, such as the social platform name. When disabled, only the platform icons may be displayed. For this example, the option remains disabled.

Show Separator: Displays or hides the separator between the title section and the social sharing options. In this example, the Separator option is left disabled.

Configure the display options

Step 3: Add Social Share Platforms

Social Share: Allows you to add, remove, duplicate, reorder, and manage social sharing items. Each item can represent a social platform, such as Facebook, X, LinkedIn, or Pinterest.

After adding an item, click it to configure the following settings:

Title: Sets the name or label displayed for the social sharing option, such as Facebook or LinkedIn.

Vendor: Selects the social media platform used for the sharing action. When visitors click the item, the current page can be shared through the selected platform.

Icon: Selects the icon displayed for the selected social media platform. For example, since Facebook, X (formerly Twitter), and LinkedIn are selected, their corresponding social icons are added.

Add social share platform

Final Result

Share this Doc

How to Add Social Share in Bricks Builder Using BricksFly

Or copy link

CONTENTS