To make ProveSource work with Karta, usually you need to:
Install the code in the Kartra pages
Integrate Kartra to ProveSource to send purchases information
Dragging a custom-code section into the canvas
Dragging a custom-code component into a section
You will find both options in the sidebar, under the area “Your code”:
Once dragged into the canvas, in order to access their respective source code editor, click on the CODE icon for sections, and on the PENCIL icon for components:
<div data-embed="true"> YOUR CODE GOES HERE </div>
The crucial bit is the “data-embed” parameter. Anything inside that DIV wrapper will be identified by Kartra Pages as your own custom code, which in return will allow the system to render it correctly once you publish the page online. Otherwise it won’t work correctly.
You can embed that DIV wrapper anywhere in the code you want. For example:
Now, after adding your DIV wrapper, go grab your ProveSource snippet, and paste it between the <DIV></DIV> tag.
Save your changes!
Kartra checkout page is usually an embedded iframe and is secured, so you can't add the ProveSource code into the checkout page to track purchases.
Here are a few options to track purchases from Kartra with ProveSource
(use only 1 of the below):
Kartra IPN (Recommended)
Use Kartra's automatic payment notifications to send data to ProveSource webhooks:
Custom Checkout Page
Create a custom checkout page in the My Pages area.
After creating the checkout page, click on Settings from the left-side menu of the page builder and select Tracking Code and paste your ProveSource code.
When adding your ProveSource code, make sure to delete the <script> tags and the <!-- Start of Async ProveSource Code --> <!-- End of Async ProveSource Code --> tags.
use Zapier to connect Kartra with ProveSource, read more here:
Outbound API / Webhook
use Kartra's Outbound API with ProveSource's webhooks:
In ProveSource, edit/create a notification that tracks "webhooks" and copy the webhook URL (read more about it here)
Go to Kartra My Integrations and pick Outbound API
Enable the Outbound API and paste the ProveSource webhook URL there
Pick the relevant event to send to ProveSource