How To Display Facebook Page Shop On Google Sites?

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

Steps for SociableKIT

  1. Go to SociableKIT.com and click Sign up. 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.
    1. Connect your Facebook page. Connect your Facebook account and select your target Facebook page on the dropdown. You need to be admin of the Facebook page you want to use.
  4. Click the "NEXT" button. This will show you the customization options.
  5. Click the "Embed on website" button on the upper right corner. Copy the JavaScript code.

Steps for Google Sites

    1. Login to Google sites. You must have at least a 'Business Starter' plan to create and customize your Google sites.
    2. Create or edit an existing website. Click the + 'Blank' button on the 'Start a new site' section to create or find your existing website under the 'Recent sites' section.
    3. Create a new blank page or edit your existing page. Identify which page you want the widget to appear. On the right sidebar, you will see an 'Embed' button. Click the 'Embed' button. 
    4. Add the widget. A popup 'Embed from the web' will open up. Select the 'Embed code' tab on the popup. 
    5. Paste the embed code from SociableKIT. On the 'Embed code' tab, you will see 'HTML code goes here' text. Paste the embed code from your SociableKIT widget.
    6. Save the widget. Once you have pasted your embed code, click the 'Next' button. 
    7. Preview of your SociableKIT widget. After clicking the Next button, a preview of your embed code will be displayed. Click the 'Insert' button to insert the widget to your Google sites page. 
    8. Edit the widget. Once the widget has been inserted, you will have the option to resize the widget. After resizing the widget to your preferences, click the 'Publish' button on the upper right corner of the page. 
    9. Publish your page. After publishing the site, click the down 'Arrow' button beside the 'Publish' button. 
    10. View your page. A dropdown of buttons will be displayed, click the 'View published site' button. Done!

If you think this post about how to display Facebook Page Shop on Google Sites is helpful, please share it with your friends! Thank you and we appreciate your kind support!

Related solutions

Responsive support

Need further help? Email our team at [email protected] or go to the SociableKIT.com website.