{"id":151,"date":"2021-04-29T08:48:10","date_gmt":"2021-04-29T08:48:10","guid":{"rendered":"https:\/\/theatlass.com\/resources\/?post_type=docs&#038;p=151"},"modified":"2022-04-01T08:55:26","modified_gmt":"2022-04-01T08:55:26","slug":"opencart-onboarding","status":"publish","type":"docs","link":"https:\/\/theatlass.com\/resources\/docs\/opencart-onboarding\/","title":{"rendered":"OpenCart onboarding"},"content":{"rendered":"\n<h2>Install tracking on ads<\/h2>\n\n\n<div class=\"wp-block-lazyblock-post lazyblock-post-XP47l\">      <div class=\"wp-block-lazyblock-post lazyblock-post-Z11mO4\">      <h3 class=\"accordion-button\" data-ac-target=\"set-up-facebook-ads\" > Set up Facebook ads <\/h3>\n    <div id=\"set-up-facebook-ads\" class=\"col-12 accordion-content accordion-content-closed\" > \n<p>Go to your Facebook Ads Manager, and go to Ads tab.<\/p>\n\n\n\n<p>Select all ads using the checkbox in the header and click on Edit ads. This will edit all ads, in bulk<\/p>\n\n\n\n<p>Copy this code <code>fbadid={{ad.id}}&amp;fbadname={{ad.name}}<\/code> and paste it in the URL parameters field<\/p>\n\n\n\n<p>If you have other parameters, such as <code>utm_campaign={{fb.campaign_name}}&amp;source=facebook <\/code>, merge them by adding <code>&amp;fbadid={{ad.id}}&amp;fbadname={{ad.name}}<\/code><\/p>\n\n\n\n<p>Don&#8217;t forget to save the new change<\/p>\n\n\n<div class=\"wp-block-lazyblock-bootstrap-alert lazyblock-bootstrap-alert-1mFe5A\"><div class=\"alert alert-danger \" role=\"alert\">\n    IMPORTANT! Keep in mind that this will send the ad into review, but it won&#8217;t have any effect on your ad \n<\/div><\/div>\n\n\n<p>Next, make sure to integrate Facebook if you haven&#8217;t done that already!<\/p>\n\n\n<div class=\"wp-block-lazyblock-next-doc lazyblock-next-doc-Z2oXScK\">  <a href=\"https:\/\/theatlass.com\/resources\/docs\/integrate-facebook\/\"  class=\"alert d-block card-link p-2\" role=\"alert\">\n    <div class=\"card-link-body\" >\n      NEXT: Facebook Integration    <\/div>\n    <div class=\"card-link-icon\">\n      <i class=\"fa fa-arrow-right\" ><\/i>\n    <\/div>\n<\/a>\n<\/div> <\/div>\n  <\/div>\n\n<div class=\"wp-block-lazyblock-post lazyblock-post-uUGBS\">      <h3 class=\"accordion-button\" data-ac-target=\"set-up-google-ads\" > Set up Google ads <\/h3>\n    <div id=\"set-up-google-ads\" class=\"col-12 accordion-content accordion-content-closed\" > \n<p>Go to your Google Ads Manager, and go to Ads section.<\/p>\n\n\n\n<p>Click on the Tools icon and click on Scripts ( under Bulk Actions ) and click on the plus icon to create a new script.<\/p>\n\n\n\n<p>Copy the code below and paste in the new script<\/p>\n\n\n<div class=\"wp-block-lazyblock-script-code-block lazyblock-script-code-block-ZJvKon\"><div class=\"code-block w-100\" >\n<pre class=\"wp-block-code\" id=\"Google-ads-script\" >\n  function main() {\n            var adIterator = AdsApp.ads().get();\n                while (adIterator.hasNext()) {\n                var ad = adIterator.next();\n                var adgroup = ad.getAdGroup().getName().replace(\/[^a-zA-Z0-9- ]\/g, \"\");\n                var campaign = ad.getCampaign().getName().replace(\/[^a-zA-Z0-9- ]\/g, \"\");\n                \/\/var adHeadline = ad.getLongHeadline().replace(\/[^a-zA-Z0-9- ]\/g, \"\");\n                var adID = ad.getId();\n                var name = campaign + \" \" + adgroup+ \" \" + adID;\n                name = name.replace(\/\\s\/g,'-');\n                \/\/Logger.log( name );\n                ad.getCampaign().urls().setCustomParameters({adname:name});\n            }\n  }<\/pre>\n<a data-copy=\"Google-ads-script\" class=\"btn-copy-script\"> <i class=\"far fa-copy\"><\/i>  <\/a>\n<\/div>\n<\/div>\n\n\n<p>Don&#8217;t forget to name the script, for example &#8220;Atlass ad name generator&#8221; and click on save. Before navigating, make sure to click run.<\/p>\n\n\n\n<p>Next, go to All campaigns, click on Settings button, then Account settings and open the tracking section.<\/p>\n\n\n\n<p>Copy this code <code>{lpurl}?gadid={creative}&amp;gadname={_adname}<\/code> and paste it in the Tracking Template field<\/p>\n\n\n\n<p>Don&#8217;t forget to save the new change<\/p>\n\n\n\n<p>Now, make sure to set up the Google Ads integration if you haven&#8217;t done that already.<\/p>\n\n\n<div class=\"wp-block-lazyblock-next-doc lazyblock-next-doc-nuNch\">  <a href=\"https:\/\/theatlass.com\/resources\/docs\/google-ads-integration\/\"  class=\"alert d-block card-link p-2\" role=\"alert\">\n    <div class=\"card-link-body\" >\n      NEXT: Google Ads Integration    <\/div>\n    <div class=\"card-link-icon\">\n      <i class=\"fa fa-arrow-right\" ><\/i>\n    <\/div>\n<\/a>\n<\/div> <\/div>\n  <\/div>\n\n<div class=\"wp-block-lazyblock-post lazyblock-post-Z1lX4Aw\">      <h3 class=\"accordion-button\" data-ac-target=\"set-up-tiktok-ads\" > Set up TikTok ads <\/h3>\n    <div id=\"set-up-tiktok-ads\" class=\"col-12 accordion-content accordion-content-closed\" > \n<p>Go to your TikTok Ads Manager, and go to Ads tab.<\/p>\n\n\n\n<p>Select all ads using the checkbox in the header and click on Edit ads. This will edit all ads, in bulk<\/p>\n\n\n\n<p>Add the following parameters to the URL of every add: <code>ttadid=__CID__&amp;ttadname=__CID_NAME__<\/code>&nbsp;<\/p>\n\n\n\n<p>Don\u2019t forget to save the new change<\/p>\n\n\n\n<p>Now, make sure to set up the TikTok integration, if you haven&#8217;t done that already<\/p>\n\n\n<div class=\"wp-block-lazyblock-next-doc lazyblock-next-doc-cDC8H\">  <a href=\"https:\/\/theatlass.com\/resources\/docs\/tiktok-integration\/\"  class=\"alert d-block card-link p-2\" role=\"alert\">\n    <div class=\"card-link-body\" >\n      NEXT: TikTok Integration    <\/div>\n    <div class=\"card-link-icon\">\n      <i class=\"fa fa-arrow-right\" ><\/i>\n    <\/div>\n<\/a>\n<\/div> <\/div>\n  <\/div>\n\n<div class=\"wp-block-lazyblock-post lazyblock-post-2gFs4L\">      <h3 class=\"accordion-button\" data-ac-target=\"set-up-email-tracking\" > Set up Email Tracking <\/h3>\n    <div id=\"set-up-email-tracking\" class=\"col-12 accordion-content accordion-content-closed\" > \n<p>Go to your Email Service provider and edit the email templates in use.<\/p>\n\n\n\n<p>Edit the CTA link within the body of the email<\/p>\n\n\n\n<p>Add the tracking parameters to the existing link <code>?atl_campaign=%email.subject%<\/code><\/p>\n\n\n\n<p>First make sure you change the <code>%email.subject% <\/code>, depending on your ESP. <\/p>\n\n\n<div class=\"wp-block-lazyblock-bootstrap-alert lazyblock-bootstrap-alert-Z29L9xu\"><div class=\"alert alert-warning \" role=\"alert\">\n    If the ESP does not provide the option to dynamically insert it, please make sure to change the &#8220;name-of-email-campaign&#8221; with the actual name of the campaign.\n<\/div><\/div>\n\n\n<p>For <strong>MailChimp<\/strong>, use he code below: <\/p>\n\n\n<div class=\"wp-block-lazyblock-script-code-block lazyblock-script-code-block-Z168uWx\"><div class=\"code-block w-100\" >\n<pre class=\"wp-block-code\" id=\"MailChimp-tracking-params\" >\n   ?mc_cid=*|CAMPAIGN_UID|*<\/pre>\n<a data-copy=\"MailChimp-tracking-params\" class=\"btn-copy-script\"> <i class=\"far fa-copy\"><\/i>  <\/a>\n<\/div>\n<\/div>\n\n\n<p>( More details <a rel=\"noreferrer noopener\" href=\"https:\/\/mailchimp.com\/help\/all-the-merge-tags-cheat-sheet\/\" target=\"_blank\">here<\/a> )<\/p>\n\n\n\n<p>For <strong>ActiveCampaign<\/strong>, use he code below: <\/p>\n\n\n<div class=\"wp-block-lazyblock-script-code-block lazyblock-script-code-block-ZFRPqX\"><div class=\"code-block w-100\" >\n<pre class=\"wp-block-code\" id=\"ActiveCampaign-tracking-params\" >\n  ?ac_cid=%CAMPAIGNID%<\/pre>\n<a data-copy=\"ActiveCampaign-tracking-params\" class=\"btn-copy-script\"> <i class=\"far fa-copy\"><\/i>  <\/a>\n<\/div>\n<\/div>\n\n\n<p>( More details <a rel=\"noreferrer noopener\" href=\"https:\/\/help.activecampaign.com\/hc\/en-us\/articles\/220709307-Personalization-Tags\" target=\"_blank\">here<\/a> )<\/p>\n\n\n\n<p>For <strong>Drip<\/strong>, use he code below:<\/p>\n\n\n<div class=\"wp-block-lazyblock-script-code-block lazyblock-script-code-block-29pGhW\"><div class=\"code-block w-100\" >\n<pre class=\"wp-block-code\" id=\"Drip-tracking-params\" >\n  ?atl_campaign={{campaign.name}}<\/pre>\n<a data-copy=\"Drip-tracking-params\" class=\"btn-copy-script\"> <i class=\"far fa-copy\"><\/i>  <\/a>\n<\/div>\n<\/div>\n\n\n<p>For <strong>ConvertKit<\/strong>, use the code below: <\/p>\n\n\n<div class=\"wp-block-lazyblock-script-code-block lazyblock-script-code-block-SUvF4\"><div class=\"code-block w-100\" >\n<pre class=\"wp-block-code\" id=\"ConvertKit-tracking-params\" >\n  ?atl_campaign=name-of-email-campaign<\/pre>\n<a data-copy=\"ConvertKit-tracking-params\" class=\"btn-copy-script\"> <i class=\"far fa-copy\"><\/i>  <\/a>\n<\/div>\n<\/div>\n\n\n<p>For <strong>Klaviyo<\/strong>, use the code below:<\/p>\n\n\n<div class=\"wp-block-lazyblock-script-code-block lazyblock-script-code-block-GfqLX\"><div class=\"code-block w-100\" >\n<pre class=\"wp-block-code\" id=\"Klaviyo-tracking-params\" >\n  ?atl_campaign=name-of-email-campaign<\/pre>\n<a data-copy=\"Klaviyo-tracking-params\" class=\"btn-copy-script\"> <i class=\"far fa-copy\"><\/i>  <\/a>\n<\/div>\n<\/div>\n\n\n<p>For <strong>Aweber<\/strong>, use the code below:<\/p>\n\n\n<div class=\"wp-block-lazyblock-script-code-block lazyblock-script-code-block-cuz8N\"><div class=\"code-block w-100\" >\n<pre class=\"wp-block-code\" id=\"Aweber-tracking-params\" >\n  ?atl_campaign=name-of-email-campaign<\/pre>\n<a data-copy=\"Aweber-tracking-params\" class=\"btn-copy-script\"> <i class=\"far fa-copy\"><\/i>  <\/a>\n<\/div>\n<\/div>\n\n\n<p>For <strong>SendGrid<\/strong>, use the code below:<\/p>\n\n\n<div class=\"wp-block-lazyblock-script-code-block lazyblock-script-code-block-Og4EV\"><div class=\"code-block w-100\" >\n<pre class=\"wp-block-code\" id=\"SendGrid-tracking-params\" >\n  ?atl_campaign=name-of-email-campaign<\/pre>\n<a data-copy=\"SendGrid-tracking-params\" class=\"btn-copy-script\"> <i class=\"far fa-copy\"><\/i>  <\/a>\n<\/div>\n<\/div>\n\n\n<p>Don&#8217;t forget to save the new change<\/p>\n <\/div>\n  <\/div>  <\/div>\n\n\n<h2>Set up integrations<\/h2>\n\n\n<div class=\"wp-block-lazyblock-post lazyblock-post-ZN1rAk\">      <h3 class=\"accordion-button\" data-ac-target=\"integrate-opencart\" > OpenCart integration <\/h3>\n    <div id=\"integrate-opencart\" class=\"col-12 accordion-content accordion-content-closed\" > \n<p>The OpenCart integration will sync all sales instantly and our algorithm will analyze and attribute those sales to the relevant ad.<\/p>\n\n\n\n<p>So let\u2019s plug it in.<\/p>\n\n\n\n<p>First, download our OpenCart extension from the link below.<\/p>\n\n\n<div class=\"wp-block-lazyblock-download-file-block lazyblock-download-file-block-Z1oXvBT\"><a href=\"https:\/\/theatlass.com\/resources\/wp-content\/uploads\/integrations\/atlass.ocmod.zip\"  class=\"alert d-block card-link pt-2 pb-2 pl-4 pr-4 m-5\" role=\"alert\">\n    <div class=\"card-link-body\" >\n      Download Atlass Extension for OpenCart 3\n    <\/div>\n    <div class=\"card-link-icon\">\n      <i class=\"fa fa-download\" ><\/i>\n    <\/div>\n<\/a><\/div>\n\n\n<p>Head over to your OpenCart admin, go to Extensions -&gt; Installed and upload the atlass.ocmod.zip file. After it was uploaded, head over to Extensions -&gt; Extensions and choose Modules from the Choose Extension Type filter.<\/p>\n\n\n\n<p>You should see the Atlass Integration listed there. Click on the + icon to install the extension.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"1024\" height=\"519\" src=\"https:\/\/theatlass.com\/resources\/wp-content\/uploads\/2021\/04\/opencart3-1024x519.png\" alt=\"\" class=\"wp-image-142\" srcset=\"https:\/\/theatlass.com\/resources\/wp-content\/uploads\/2021\/04\/opencart3-1024x519.png 1024w, https:\/\/theatlass.com\/resources\/wp-content\/uploads\/2021\/04\/opencart3-300x152.png 300w, https:\/\/theatlass.com\/resources\/wp-content\/uploads\/2021\/04\/opencart3-768x389.png 768w, https:\/\/theatlass.com\/resources\/wp-content\/uploads\/2021\/04\/opencart3-1536x779.png 1536w, https:\/\/theatlass.com\/resources\/wp-content\/uploads\/2021\/04\/opencart3.png 1716w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>After it was installed, click on the pencil icon to edit it.<\/p>\n\n\n\n<p>Next, from your Atlass account, go to the&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/theatlass.com\/app\/setup\/integrations\/\" target=\"_blank\">Integrations<\/a>&nbsp;page, click on OpenCart and then on Add New Integration.<\/p>\n\n\n\n<p>Add your store&#8217;s URL, ( https:\/\/yourdomain.com ) and click Save.<\/p>\n\n\n\n<p>Once the integration is successful, you should see 2 keys generated, the App Key and the Hash Key.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"1024\" height=\"349\" src=\"https:\/\/theatlass.com\/resources\/wp-content\/uploads\/2021\/05\/opencart_integration_details-1024x349.jpg\" alt=\"\" class=\"wp-image-156\" srcset=\"https:\/\/theatlass.com\/resources\/wp-content\/uploads\/2021\/05\/opencart_integration_details-1024x349.jpg 1024w, https:\/\/theatlass.com\/resources\/wp-content\/uploads\/2021\/05\/opencart_integration_details-300x102.jpg 300w, https:\/\/theatlass.com\/resources\/wp-content\/uploads\/2021\/05\/opencart_integration_details-768x262.jpg 768w, https:\/\/theatlass.com\/resources\/wp-content\/uploads\/2021\/05\/opencart_integration_details-1536x523.jpg 1536w, https:\/\/theatlass.com\/resources\/wp-content\/uploads\/2021\/05\/opencart_integration_details-2048x698.jpg 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Copy both keys in your OpenCart newly created Module. You can also change the tag ( this tag will be applied to all sales from OpenCart, which will help segment the customers when having multiple stores for example ).<\/p>\n\n\n<div class=\"wp-block-lazyblock-bootstrap-alert lazyblock-bootstrap-alert-CqfCy\"><div class=\"alert alert-warning \" role=\"alert\">\n    Make sure there are no whitespaces when pasting the keys.\n<\/div><\/div>\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"1024\" height=\"503\" src=\"https:\/\/theatlass.com\/resources\/wp-content\/uploads\/2021\/04\/opencart4-1024x503.jpg\" alt=\"\" class=\"wp-image-145\" srcset=\"https:\/\/theatlass.com\/resources\/wp-content\/uploads\/2021\/04\/opencart4-1024x503.jpg 1024w, https:\/\/theatlass.com\/resources\/wp-content\/uploads\/2021\/04\/opencart4-300x147.jpg 300w, https:\/\/theatlass.com\/resources\/wp-content\/uploads\/2021\/04\/opencart4-768x377.jpg 768w, https:\/\/theatlass.com\/resources\/wp-content\/uploads\/2021\/04\/opencart4-1536x755.jpg 1536w, https:\/\/theatlass.com\/resources\/wp-content\/uploads\/2021\/04\/opencart4-2048x1006.jpg 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n<div class=\"wp-block-lazyblock-bootstrap-alert lazyblock-bootstrap-alert-B44LC\"><div class=\"alert alert-warning \" role=\"alert\">\n    Don&#8217;t forget to set the module to enabled and click save.\n<\/div><\/div>\n\n\n<p>Now, go back to the integration and configure the statues. Since OpenCart has the option to add custom statuses for orders, we need to configure them to they align with your imported sales.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"1024\" height=\"615\" src=\"https:\/\/theatlass.com\/resources\/wp-content\/uploads\/2021\/05\/image-1024x615.png\" alt=\"\" class=\"wp-image-154\" srcset=\"https:\/\/theatlass.com\/resources\/wp-content\/uploads\/2021\/05\/image-1024x615.png 1024w, https:\/\/theatlass.com\/resources\/wp-content\/uploads\/2021\/05\/image-300x180.png 300w, https:\/\/theatlass.com\/resources\/wp-content\/uploads\/2021\/05\/image-768x461.png 768w, https:\/\/theatlass.com\/resources\/wp-content\/uploads\/2021\/05\/image.png 1150w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>That&#8217;s it, integration should be done now.<\/p>\n <\/div>\n  <\/div>\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Install tracking on ads Set up integrations<\/p>\n","protected":false},"featured_media":0,"menu_order":4,"template":"","meta":[],"_links":{"self":[{"href":"https:\/\/theatlass.com\/resources\/wp-json\/wp\/v2\/docs\/151"}],"collection":[{"href":"https:\/\/theatlass.com\/resources\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/theatlass.com\/resources\/wp-json\/wp\/v2\/types\/docs"}],"wp:attachment":[{"href":"https:\/\/theatlass.com\/resources\/wp-json\/wp\/v2\/media?parent=151"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}