How To Embed Facebook Page Shop On Webflow?

In this tutorial, you will learn how to embed a Facebook Page Shop on your Webflow website. Do you use Facebook Page Shop? Do you have a website built using Webflow? If you answered YES to both questions, this tutorial is for you!

Please follow the detailed step-by-step guide below.

Steps for SociableKIT

  1. Sign up to SociableKIT. You will be automatically logged in after you sign up.
  2. On the dashboard, click the "+ Create Solution" button on the upper right corner.
  3. Select "Facebook Page Shop" on the dropdown.
  4. Click the "Select" button. Make sure your Facebook account is connected.
  5. On the popup select the Facebook page you want to use.
  6. Click the "NEXT" button. This will show you the customization options.
  7. Click the "Embed on website" button on the upper right corner. Copy the JavaScript code.

Steps for Webflow

  1. Login to Webflow. Create a new page or open your existing page.
  2. On the upper left side, click Add.
  3. Scroll down. Drag the "Embed" component to your page.
  4. On the box, paste the code you copied from SociableKIT.
  5. Click the "Save and Close" button.
  6. Click Publish. Click "Publish to selected domains".
  7. Click your site URL. Done!

If you think this tutorial about how to embed Facebook Page Shop on Webflow is helpful, please share it with your friends! Thank you and we appreciate your kind support!

Got questions, comments, or suggestions? Chat with us using our live chatbox on the lower right corner of this page. You may also use the chatbox located here.

If you prefer email, your may email us at support@sociablekit.com