Set Global Facebook APP ID

Before you start using the Facebook Share module, first, make sure you’ve inserted the Facebook APP ID in the Divi Plus module’s panel. If you haven’t, follow the steps to know how you can do it.

1. On your WordPress dashboard, hover to the DiviExtended >> and click Divi Plus to access its further settings.
2. Go to the Integration tab, and insert your Facebook accounts’ APP ID. You can generate your Facebook APP ID by visiting the link.
3. After interesting the Facebook APP ID, click Save Changes.

Overview of the Facebook Share module

This page shows you how to add the Facebook Share module to your page and explains every setting in its Content, Design and Advanced tabs, with screenshots. The Facebook Share module adds a button that lets visitors share a page on Facebook. For more details, view the demo.

How to add the Facebook Share module to your page

1. Open your page in the Divi Visual Builder.
2. Click the gray (+) icon inside a row to add a new module.
3. Search for DP Facebook Share in the module search box.
4. Click the module to insert it. Its settings open on the right.

Content tab settings

The Content tab holds the module’s own settings, grouped in the toggles below. Link, Background and Element Label are the standard Divi options.

Configuration

• Facebook APP ID: Enter the facebook app id.
• Page URL: Enter webpage url to be liked or recommended.
• Enable Lazy Loading: Choose to use the browser’s lazy-loading. The browser does not render the comments if it’s not close to the viewport.

Display

• Layout: Choose the layout of the button.
• Size: Choose the size of the button.

Design tab settings

The Design tab lets you style each part of the module:

• Alignment: styling options for the alignment.
• Sizing, Spacing, Border, Box Shadow, Transform, Animation: the standard Divi design options for the whole module.

Advanced tab settings

The Advanced tab has the standard Divi options: Attributes (add a CSS class or ID), CSS, HTML, Conditions, Interactions, Visibility, Transitions, Position and Scroll Effects.