How to Connect Pinterest to Your Website Using OzSpeed hPanel

Integrating Pinterest with your website allows you to enhance your online presence, drive traffic, and increase engagement through Pinterest’s visual platform. By connecting your website to Pinterest, you can enable features like Rich Pins, Pinterest Tag, and Pinterest Save Button, making it easier for users to pin your content. Here’s a step-by-step guide on how to connect Pinterest to your website using OzSpeed’s hPanel.

---

Step 1: Create a Pinterest Business Account #

If you don’t already have a Pinterest Business Account, you’ll need to create one.

How to Set Up a Pinterest Business Account: #

1. Go to Pinterest Business and click Join as a Business.
2. Sign up using your email address or log in with an existing Pinterest account.
3. Enter your business details (e.g., business name, website URL).
4. Click Create Account.

Tip: #

• A Pinterest Business Account provides access to analytics, ads, and other business tools.

---

Step 2: Claim Your Website on Pinterest #

Claiming your website on Pinterest allows you to access Pinterest Analytics, use Rich Pins, and gain more visibility.

How to Claim Your Website: #

1. Log in to your Pinterest Business Account.
2. Go to Settings > Claim.
3. Enter your website URL and click Claim.
4. Choose the verification method: HTML Tag, HTML File Upload, or DNS Verification.

Recommended Method: HTML Tag #

1. Select Add HTML Tag.
2. Copy the HTML tag provided by Pinterest.

Example HTML Tag: #

htmlCopy code<meta name="p:domain_verify" content="XXXXXXXXXXXXXXXXXX"/>

---

Step 3: Add the HTML Tag Using hPanel #

To complete the verification process, add the Pinterest HTML tag to your website’s header section using OzSpeed’s hPanel.

How to Add the HTML Tag: #

1. Log in to hPanel at ozspeed.com.au.
2. Go to Website Settings > Custom Code.
3. Paste the Pinterest HTML tag in the Header Code section.
4. Click Save.

Tip: #

• Make sure to save your changes before proceeding to the next step.

---

Step 4: Verify Your Website on Pinterest #

After adding the HTML tag, go back to Pinterest to complete the verification process.

How to Verify: #

1. Return to your Pinterest Business Account.
2. Click Verify under the Claim section.
3. Wait for Pinterest to verify your website (this may take a few hours).

Tip: #

• If verification fails, double-check the placement of the HTML tag and ensure it is added correctly.

---

Step 5: Set Up Pinterest Tag for Conversion Tracking (Optional) #

The Pinterest Tag is a piece of code that allows you to track conversions and gather insights on how users interact with your website.

How to Set Up Pinterest Tag: #

1. Go to Ads Manager > Conversions in Pinterest.
2. Click Create Pinterest Tag.
3. Copy the base code snippet.

Example Pinterest Tag Code: #

htmlCopy code<script>
!function(e){if(!window.pintrk){window.pintrk=function(){window.pintrk.queue.push(Array.prototype.slice.call(arguments))};var n=window.pintrk;n.queue=[],n.version="3.0";var t=document.createElement("script");t.async=!0,t.src=e;var r=document.getElementsByTagName("script")[0];r.parentNode.insertBefore(t,r)}}("https://s.pinimg.com/ct/core.js");
pintrk('load', 'YOUR_TAG_ID');
pintrk('page');
</script>
<noscript><img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?event=init&tid=YOUR_TAG_ID&noscript=1" /></noscript>

Tip: #

• Replace YOUR_TAG_ID with your actual Pinterest Tag ID.

---

Step 6: Add the Pinterest Tag Code Using hPanel #

To activate the Pinterest Tag on your website, add the code snippet using hPanel.

How to Add the Code: #

1. Go to hPanel > Website Settings > Custom Code.
2. Paste the Pinterest Tag code in the Header Code section.
3. Click Save.

Tip: #

• Use the Pinterest Tag Helper extension to verify that the tag is working correctly.

---

Step 7: Enable Pinterest Save Button (Optional) #

The Pinterest Save Button allows users to easily save images from your website to their Pinterest boards.

How to Enable Save Button: #

1. Go to Pinterest Widget Builder and select Save Button.
2. Customize the button style (e.g., image hover, fixed position).
3. Copy the generated code.

Example Save Button Code: #

htmlCopy code<script async defer src="https://assets.pinterest.com/js/pinit.js"></script>

How to Add the Save Button Code: #

1. Log in to hPanel > Website Settings > Custom Code.
2. Paste the Save Button code in the Header Code section.
3. Click Save.

Tip: #

• Test the Save Button on different devices to ensure it displays correctly.

---

Step 8: Monitor Your Pinterest Analytics #

After connecting Pinterest to your website, use Pinterest Analytics to track performance.

Key Metrics to Monitor: #

• Impressions: The number of times your pins were seen.
• Saves: The number of times users saved your pins.
• Link Clicks: The number of times users clicked through to your website.

Tip: #

• Use the data from Pinterest Analytics to optimize your content strategy and improve engagement.

---

Troubleshooting Tips #

1. Website Verification Failed:
   • Double-check that the HTML tag is correctly placed in the Header Code section of hPanel.
   • Ensure your website URL matches exactly with the one entered in Pinterest (e.g., https://ozspeed.com.au).
2. Pinterest Tag Not Firing:
   • Use the Pinterest Tag Helper extension to check for errors.
   • Verify that the Tag ID is correct and the code is placed in the Header Code section.
3. Save Button Not Displaying:
   • Ensure the Pinterest Save Button script is added in the header section.
   • Check for JavaScript conflicts with other plugins or scripts on your site.

---

Additional Tips: #

• Optimize Your Pins: Use high-quality images and add descriptive text to make your pins more appealing.
• Enable Rich Pins: Rich Pins provide additional information about your content (e.g., product details, recipe ingredients) and can increase engagement.
• Promote Your Pins: Use Pinterest Ads to reach a wider audience and drive more traffic to your website.