In CloudCart Control Panel you can quickly and easily set your store in a way that your customers will be able to see several social networks which will redirect them to your account in them. You can find detailed information about managing the social networks on your storefront.

If you’d like to have a detailed Facebook banner/window visible on your storefront, you can follow the steps below. This Facebook page plugin allows your customers to like directly your Facebook page but remains on the page of your online store.

In order to be able to activate a plugin like that on the image above, you should first be sure that you have enabled the Application Google Tag Manager (if you don’t have it enabled yet, see how to do it here), as that the design you are using has a Widget named Banner. If those two conditions are applied you can follow the steps below:

Enter here. These are terms of use by Facebook, and you have to click on the login button on the top right corner of the page to get the information you need. After logging in with the facebook account that is managing your Facebook page, you can proceed to the next few steps.



1.1. Here you should choose the page of your online store

1.2 This field will be automatically filled concerning the page you’ve chosen on step 1.1

1.3 You can use all fields below to set the content of the Facebook window

Continue downwards in the Facebook settings to get the code you need.



2.1 This field actually shows how would look the Facebook window in relation to the settings you made in the previous steps. When you are ready with the settings and you like the vision of the page plugin, just click the button Get Code



3.1 Copy this code from Step 1 and paste it in your Google Tag Manager

3.2 Copy the code from Step 3 and paste it in any desired Source Code in your store.

Enter

Google Tag Manager > Container > Tags > Custom HTML Tag
and copy the code from the first field (provided by Facebook) and paste it here:



After saving the Step 1 source code into your Google Tag Manager, go to a text field and paste the <Source code> code from Step 3.

Click Save

Example: Go to product > Open the desired product > In the Description enter the "Source Code" > place the IFrame from Step 3



Then you would be able to see the IFrame in the Details of the product in question, as such:

Was this article helpful?
Cancel
Thank you!