Skip to main content
All CollectionsStorefront pagesHomepage
Facebook widget on the homepage
Facebook widget on the homepage

How to place and set up the Facebook widget (Page Plugin) in the Stay connected block on the homepage

Updated over a month ago

On the homepage of your store, you can place one of the standard Facebook widgets in the Stay connected section. Such widgets help to grow the audience of your business page organically.

To connect the widget, you need to:

  1. Get the widget code in the special settings section on Facebook.

  2. Install the code on your website.

The widget will be displayed on the homepage if you have enabled the Stay conneced block on the home page. To enable this block, please contact support.​

Facebook widget on the homepage — Cartum

How to get the Facebook widget code

To generate the code for the Facebook page widget:

  1. On Meta for Developers, go to Page Plugin section.

  2. In the Facebook Page URL field, enter the address of your Facebook page.

  3. If necessary, set the widget parameters.

  4. Click Get Code.

How to get the Facebook widget code — Cartum


You will be offered two code options for integration — JavaScript SDK or iFrame. You can choose any of the two.

How to embed Facebook widget using the JavaScript SDK

In this version, the code to be installed on the website consists of two parts.

The standard block that corresponds to the first part of this code is already installed on your website. You only need to activate it. To do this:

  1. Go to the MarketingMarketing services section of the admin panel.

  2. Click on the Facebook SDK for JavaScript to enter the settings.

  3. Activate the system by checking the Active checkbox.

  4. Click Save.

Activating Facebook SDK for JavaScript — Cartum

The part of the code from the Step 2 field must be placed on the website. To do this:

  1. Go to the Website Social networks section in the site admin panel.

  2. Click on Facebook to enter the settings.

  3. In the Widget code field, paste the code from Step 2 field.

  4. Activate the widget by selecting the Show on storefront checkbox.

  5. Click Save.

Embedding Facebook widget using the SDK for JavaScript — Cartum

How to embed Facebook widget with an IFframe

In this case, it is enough to place the code from the IFrame tab in the appropriate field in the Social networks section. On the Facebook page where you generated the code for the widget, go to the iFrame tab and copy the code that appears. Then:

  1. Go to the Website Social networks section of the admin panel.

  2. Click Facebook to enter the settings.

  3. In the Widget code field, enter the code you obtained.

  4. Activate the widget by selecting the Show on storefront checkbox.

  5. Click Save.

Embedding Facebook widget with an IFframe — Cartum

Link to the Facebook page in the header and footer of the website

To further engage your audience, blocks for links to your social networks are provided in the header and footer of the site. To enable the display of the block in the header, please contact support.

Example of social media block in the header

Example of social media block in the header — Cartum

The settings of the block in the footer can be found in the Webite Design Design editor section, the Footer Footer layout item, the Social media element.

Example of social media block in the footer

Example of social media block in the footer — Cartum

How to set up the link

To display the link to your Facebook page:

  1. Go to Website Social networks.

  2. Click Facebook to enter the settings.

  3. In the URL field, paste a link to your Facebook page.

  4. Click Save.

The link to the Facebook page — Cartum

Did this answer your question?