👋 Start Here
The Funnelish integration will automatically send purchases to Cometly. If you have upsells in your funnel, they will be automatically added to the original purchase value so it will show as one purchase in Cometly and sent to the ad platforms via the Conversion API as one purchase. You will be able to see the Upsell in the customer journey.
Step 1: Install Comet base code pixel in your funnel
Install the Cometly base code pixel on every page of your funnel inside the <head> tags.
Login to your funnel account and click the settings gear cog
Click Custom codes
Click Create a new code
Paste your Cometly pixel for your Events space in the code section. Toggle off 'Lazy load' and select 'Append to page head' for the code placement. After you have the code in the section and have made the correct configuration selection, click Create code.
Navigate to your checkout page in your funnel and click 'Edit page'. Add a form element as the last form field. Do not worry about customizing the form element, we will discuss this on the next step.
Click the new form element that you have added. Remove any margin, toggle off 'is required', toggle off 'show label, and choose 'Custom' as the data type. Set the data name to exactly (as shown below): comet_fp
After the Cometly Pixel is installed on the page and you have added the new form element with the data name as comet_fp, when the page is published you will not see that form field. This form field will pass the fingerprint to Cometly on every order made and provide hyper-accurate tracking.
Step 2: Add the Cometly Webhook URL to Funnelish
Navigate to the Integrations page in Space Settings and choose Funnelish as your integration:
Click Activate Funnelish
Copy the webhook
Login to your Funnelish account and and navigate to Automations
Click Create a new automation
For the automation, select 'Start from scratch' and click Create. Name your Automation 'Cometly Webhook' and click + New Trigger and select On purchase
Keep the 'Run only once per customer?' toggled OFF so we can track returning customers to your funnel. Ensure that Trigger on funnel(s) is set to 'All Funnels'. Click Create.
Click the + button to add an action
Select Webhook
Copy your Funnelish Webhook URL in Cometly and paste into the Postback endpoint, click Add.
You are now successfully integrated with Funnelish and all purchases will be send directly to Cometly as a purchase event.
Step 3: Tracking Add To Cart & Initiate Checkout Events
To trigger the 'Add to Cart' and 'Initiate Checkout' events as soon as specific funnel pages load, you should insert the ATC (Add to Cart) and IC (Initiate Checkout) browser codes just before the closing </body> tag on the particular pages where you want these events to activate.
Add To Cart
<script>
comet('add_to_cart');
</script>
Initiate Checkout
<script>
comet('initiate_checkout');
</script>