1. Home
  2. Integrations
  3. WooCommerce Integration

WooCommerce Integration

Let’s install Social Proofy on your WooCommerce site.

Part 1 – Add your site on Social Proofy

Step 1-  Log in to your Social Proofy account, click on the button that says New Website and register your site.

Add Site Social Proofy

Step 2 – After adding your site, go to the top left corner of your Dashboard and click on the Red Dot next to “Pixel not active”.

Social Proofy Pixel Not Active

Step 3 – Select the “Add to your HTML” option.

Social Proofy Pixel HTML Snippet

Step 4 – Copy the code snippet. You’ll need this later.

Copy Social Proofy Pixel HTML Snippet

Part 2 – Add HTML code to WordPress

Step 1 – Log in to your WordPress hosting site. (Example: onlydomains.com, namecheap.com, greengeeks.com).

Step 2 – Go to the menu on the left side of your page and click on Plugins > Add New Plugins.

Click Add New WordPress Plugin

Step 3 – After landing on the Add New Plugin page, type “insert headers” on the search bar. Once the WPCode Insert Headers and Footers plugin shows, click on “Install Now“.

Select WPCode Plugin WordPress

Step 4 – Once installed, click on Activate.

Activate WP Plugin WordPress

Step 5 – Refresh your tab and then go to the menu bar on the left side once again. Search for the Code Snippets plugin and click on Header & Footer .

Select Code Snippets WordPress

Step 6 – Once in Header and Footer, paste the HTML snippet from Step 4 Part 1 on the Header box and hit Save Changes.

Paste HTML Code Header WordPress

Step 7 – Go back to your Social Proofy Dashboard and click on the Red Dot next to “Pixel not active”, once again.

Social Proofy Pixel Not Active

Step 8 – Once there,  click on the Verify Pixel button.

Verify Pixel Button

If it shows Green, you’re all set. You have successfully installed the Social Proofy Pixel on your site.

Social Proofy Pixel Verified

The code will be added to all pages on your site and Social Proofy will start working.

If it does not show green? Click the chat bubble in the app so we can assist you 1-on-1 setting up your Pixel.

Part 3 – Add Live Data to your Social Proofy App

Step 1 – Go to your Social Proofy Dashboard.

Step 2 – Go to the top left corner of your Dashboard and click on the Green Dot next to “Pixel active”.

Social Proofy Pixel Active

Step 3 – Select the “WordPress” option.

Click WordPress

Step 4 – Copy the Site and API key. You’ll need this later.

Copy Site and API Key

Step 5 – Log in to your WordPress hosting site. (Example: onlydomains.com, namecheap.com, greengeeks.com)

Step 6 – Go to the menu on the left side of your page and click on Plugins > Add New Plugins.

Click Add New WordPress Plugin

Step 7 – After landing on the Add New Plugin page, type “Social Proofy” on the search bar. Once the Social Proofy plugin shows, click on “Install Now“.

Social Proofy Plugin on WordPress

Step 8 – After installing, click on Activate.

Activate Plugin on WordPress

Step 9 – Refresh your tab and go to the menu on the left side. Search the Social Proofy plugin and click on it.

Select Social Proofy WordPress Plugin

Step 10 – Once in the Social Proofy Plugin interface, paste the Site and API Keys from Step 4 in each box and hit Save. (IMPORTANT: If you are using a Caching Plugin, clear your website’s cache).

Paste Site and API Keys WordPress Plugin

Your 30 most recent and all new conversions from WooCommerce will now start showing in your Social Proofy Notification Data.

Now that you’ve added Social Proofy to your site the fun part starts!

Extra: Part 4 – Let’s add your first widget!

Updated on 14/05/2024

Was this article helpful?

Related Articles