{"id":71,"date":"2020-11-19T17:17:45","date_gmt":"2020-11-19T17:17:45","guid":{"rendered":"https:\/\/theatlass.com\/help\/?post_type=docs&#038;p=71"},"modified":"2022-04-01T08:55:08","modified_gmt":"2022-04-01T08:55:08","slug":"woocommerce-onboarding","status":"publish","type":"docs","link":"https:\/\/theatlass.com\/resources\/docs\/woocommerce-onboarding\/","title":{"rendered":"WooCommerce 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>Install tracking script<\/h2>\n\n\n<div class=\"wp-block-lazyblock-post lazyblock-post-1paPi2\">      <h3 class=\"accordion-button\" data-ac-target=\"install-the-code-on-wordpress\" > Install the code on WordPress <\/h3>\n    <div id=\"install-the-code-on-wordpress\" class=\"col-12 accordion-content accordion-content-closed\" > \n<p>In this article we will integrat Atlass with your WordPress website, so let&#8217;s dive in.<\/p>\n\n\n\n<p>First, download our Atlass plugin for WordPress from the link below.<\/p>\n\n\n<div class=\"wp-block-lazyblock-download-file-block lazyblock-download-file-block-1JwMY7\"><a href=\"https:\/\/theatlass.com\/resources\/wp-content\/uploads\/integrations\/theatlass.wp.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 Plugin for WordPress\n    <\/div>\n    <div class=\"card-link-icon\">\n      <i class=\"fa fa-download\" ><\/i>\n    <\/div>\n<\/a><\/div>\n\n\n<p>Then, log into your WordPress admin.<br><br>The go to Plugins  -&gt; Add new -&gt; Upload Plugin and upload and install the zip file from above and click Activate.<\/p>\n\n\n\n<p>You will see a new menu item has been added to your admin dashboard.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"1024\" height=\"528\" src=\"https:\/\/theatlass.com\/resources\/wp-content\/uploads\/2021\/09\/wp-integration-1-1024x528.jpg\" alt=\"\" class=\"wp-image-162\" srcset=\"https:\/\/theatlass.com\/resources\/wp-content\/uploads\/2021\/09\/wp-integration-1-1024x528.jpg 1024w, https:\/\/theatlass.com\/resources\/wp-content\/uploads\/2021\/09\/wp-integration-1-300x155.jpg 300w, https:\/\/theatlass.com\/resources\/wp-content\/uploads\/2021\/09\/wp-integration-1-768x396.jpg 768w, https:\/\/theatlass.com\/resources\/wp-content\/uploads\/2021\/09\/wp-integration-1-1536x792.jpg 1536w, https:\/\/theatlass.com\/resources\/wp-content\/uploads\/2021\/09\/wp-integration-1-2048x1056.jpg 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Now, head over to your atlass dashboard and go to Setup -&gt; Tracking script. For ease of use, you can click <a rel=\"noreferrer noopener\" href=\"https:\/\/theatlass.com\/app\/setup\/tracking-script\" data-type=\"URL\" data-id=\"https:\/\/theatlass.com\/app\/setup\/tracking-script\" target=\"_blank\">here<\/a>.<\/p>\n\n\n\n<p>From the credentials tab, copy the APP KEY and APP SECRET and paste them into the integration settings from your WordPress admin.<\/p>\n\n\n\n<p>The default integration tag will be wordpress, but you can change that with any tag you want.<\/p>\n\n\n\n<p>This will be applied to all visitors and leads coming from this website.<\/p>\n\n\n<div class=\"wp-block-lazyblock-bootstrap-alert lazyblock-bootstrap-alert-2gHUky\"><div class=\"alert alert-warning \" role=\"alert\">\n    You can use your domain as a tag. That way, if you have multiple sites, you can segment them based on that tag.\n<\/div><\/div> <\/div>\n  <\/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-woocommerce\" > WooCommerce Integration <\/h3>\n    <div id=\"integrate-woocommerce\" class=\"col-12 accordion-content accordion-content-closed\" > \n<p>The WooCommerce integration will sync all sales as soon as they come in and our algorithm will analyze and attribute those sales to the relevant ad.<\/p>\n\n\n\n<p>Let\u2019s plug it in.<\/p>\n\n\n\n<p>First, go to the\u00a0<a rel=\"noreferrer noopener\" href=\"https:\/\/theatlass.com\/app\/setup\/integrations\/\" target=\"_blank\">Integrations<\/a>\u00a0page, click on WooCommerce and then on Add New Integration.<\/p>\n\n\n\n<p>You will be prompted to add some details from your store. You can go ahead and Change the Integration name and tag and add your store&#8217;s URL, for example: <strong>https:\/\/yourdomain.com<\/strong><\/p>\n\n\n\n<p>Next, head over to your WordPress Admin, click on WooCommerce then head over to Settings. From the Settings area, click on Advanced and REST API and add a new key.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"1024\" height=\"525\" src=\"https:\/\/theatlass.com\/resources\/wp-content\/uploads\/2021\/04\/woo_2-1024x525.png\" alt=\"\" class=\"wp-image-135\" srcset=\"https:\/\/theatlass.com\/resources\/wp-content\/uploads\/2021\/04\/woo_2-1024x525.png 1024w, https:\/\/theatlass.com\/resources\/wp-content\/uploads\/2021\/04\/woo_2-300x154.png 300w, https:\/\/theatlass.com\/resources\/wp-content\/uploads\/2021\/04\/woo_2-768x394.png 768w, https:\/\/theatlass.com\/resources\/wp-content\/uploads\/2021\/04\/woo_2.png 1088w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Add ATLASS under Description and make sure to set Read\/Write permissions and click Generate API Key.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"1024\" height=\"562\" src=\"https:\/\/theatlass.com\/resources\/wp-content\/uploads\/2021\/04\/woo_3-1024x562.jpg\" alt=\"\" class=\"wp-image-136\" srcset=\"https:\/\/theatlass.com\/resources\/wp-content\/uploads\/2021\/04\/woo_3-1024x562.jpg 1024w, https:\/\/theatlass.com\/resources\/wp-content\/uploads\/2021\/04\/woo_3-300x165.jpg 300w, https:\/\/theatlass.com\/resources\/wp-content\/uploads\/2021\/04\/woo_3-768x422.jpg 768w, https:\/\/theatlass.com\/resources\/wp-content\/uploads\/2021\/04\/woo_3-1536x843.jpg 1536w, https:\/\/theatlass.com\/resources\/wp-content\/uploads\/2021\/04\/woo_3.jpg 2004w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>This will generate 2 keys, the Consumer key and the Consumer secret. Copy both of them and paste them under their designated  fields in your Atlass integration and click save.<\/p>\n\n\n\n<p>You should see a success message after the integration is successful.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"1024\" height=\"618\" src=\"https:\/\/theatlass.com\/resources\/wp-content\/uploads\/2021\/04\/woo_5-1024x618.jpg\" alt=\"\" class=\"wp-image-137\" srcset=\"https:\/\/theatlass.com\/resources\/wp-content\/uploads\/2021\/04\/woo_5-1024x618.jpg 1024w, https:\/\/theatlass.com\/resources\/wp-content\/uploads\/2021\/04\/woo_5-300x181.jpg 300w, https:\/\/theatlass.com\/resources\/wp-content\/uploads\/2021\/04\/woo_5-768x464.jpg 768w, https:\/\/theatlass.com\/resources\/wp-content\/uploads\/2021\/04\/woo_5-1536x927.jpg 1536w, https:\/\/theatlass.com\/resources\/wp-content\/uploads\/2021\/04\/woo_5-2048x1236.jpg 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>That should be it!<\/p>\n\n\n\n<hr class=\"wp-block-separator is-style-wide\"\/>\n\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-lazyblock-bootstrap-alert lazyblock-bootstrap-alert-Z1Xw4AB\"><div class=\"alert alert-danger \" role=\"alert\">\n    If you don\u2019t see a success message, that means the webhooks failed to be created due to some permissions issues on your server, so you will have to create them manually.\n<\/div><\/div>\n\n\n<p>Go to Webhooks, under WooCommerce -> Settings -> Advanced -> Webhooks and click on Add Webhook<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"1024\" height=\"630\" src=\"https:\/\/theatlass.com\/resources\/wp-content\/uploads\/2021\/04\/woo_6-1024x630.png\" alt=\"\" class=\"wp-image-138\" srcset=\"https:\/\/theatlass.com\/resources\/wp-content\/uploads\/2021\/04\/woo_6-1024x630.png 1024w, https:\/\/theatlass.com\/resources\/wp-content\/uploads\/2021\/04\/woo_6-300x185.png 300w, https:\/\/theatlass.com\/resources\/wp-content\/uploads\/2021\/04\/woo_6-768x473.png 768w, https:\/\/theatlass.com\/resources\/wp-content\/uploads\/2021\/04\/woo_6.png 1053w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Add the webhook data generated in the integration and click Save Webhook.<\/p>\n\n\n\n<p>That\u2019s it, your done!<\/p>\n <\/div>\n  <\/div>\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Install tracking on ads Install tracking script Set up integrations<\/p>\n","protected":false},"featured_media":0,"menu_order":0,"template":"","meta":[],"_links":{"self":[{"href":"https:\/\/theatlass.com\/resources\/wp-json\/wp\/v2\/docs\/71"}],"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=71"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}