How can I properly install Pinterest tag and event codes in Webflow to track conversions and attach it to the "add to cart" button?

Installing Pinterest tag and event codes in Webflow to track conversions and attach it to the "add to cart" button is a straightforward process. Follow the steps below to properly install the Pinterest tag and event codes in Webflow:

1. Obtain your Pinterest tag and event codes:

• Go to your Pinterest Ads Manager.
• Click on the "Conversion tags" option in the left-hand menu.
• Create a new conversion tag or use an existing one.
• Obtain your tag ID and event codes.

1. Access your Webflow project:

• Log in to your Webflow account and select the project you want to work on.

1. Add the Pinterest tag code to your Webflow project:

• In the Designer view, click on the "Project Settings" gear icon on the left.
• Under "Custom Code", click on the "Head Code" tab.
• Paste the Pinterest tag code obtained in step 1 into the field.
• Click on the "Save Changes" button in the top-right corner.

1. Attach the Pinterest event code to the "add to cart" button:

• Navigate to the page where your "add to cart" button exists.
• Select the button element you want to attach the Pinterest event code to.
• In the Element Settings panel on the right, scroll down to the "Attributes" section.
• Add a new attribute with the name "onclick" and value as the Pinterest event code obtained in step 1.
• Make sure the code is wrapped in JavaScript tags, like this: <script>...</script>.
• Publish your project for the changes to take effect.

By following these steps, you will successfully install the Pinterest tag and event codes in Webflow, allowing you to track conversions and attach it to the "add to cart" button.

Additional Questions:

1. How do I create a conversion tag in Pinterest Ads Manager?
2. Can I install multiple conversion tags on my Webflow website?
3. How can I test if the Pinterest event tracking is working correctly on my Webflow website?