How to implement JS snippet on your website?
In order for Cue to work, the Javascript snippet you get from us has to be applied to your website. The code will always remain the same regardless of the editing and customization of your Cues.
Here is where you can see the snippet provided.
![](https://storage.crisp.chat/users/helpdesk/website/aef006cb31d0a800/copy-me_1d4oh2y.png)
Click on the copy button and go to your website.
In this article, we will cover three methods on how you can apply the snippet.
If you have any additional questions regarding the implementation, be sure to reach out to us at any time!
How to add JS snippet to Wordpress
In your Wordpress account go to Appearance
Click on Theme Editor
![Locate Theme Editor under Apperance](https://storage.crisp.chat/users/helpdesk/website/aef006cb31d0a800/image_4sz1r6.png)
Under theme files locate header.php
![find the header.php file](https://storage.crisp.chat/users/helpdesk/website/aef006cb31d0a800/image_hrsbh0.png)
Locate the closing head tag ( </head> ) and apply the JS code right above it.
![right above the </head> tag](https://storage.crisp.chat/users/helpdesk/website/aef006cb31d0a800/image_ms6pnf.png)
Afterward, just click on Update File so the changes can be saved.
![don't forget to save your changes :)](https://storage.crisp.chat/users/helpdesk/website/aef006cb31d0a800/image_1gcznl8.png)
How to add JS snippet to Shopify
Go to Shopify Admin > Online Store > Themes > Actions > Edit Code
![Click on the edit code under Actions in your Themes](https://storage.crisp.chat/users/helpdesk/website/aef006cb31d0a800/image_h4ez9i.png)
Go to theme.liquid and then paste the snippet right above the closing head (</head>) tag.
![go to theme.liquid and apply the code right above </head>](https://storage.crisp.chat/users/helpdesk/website/aef006cb31d0a800/image_ce00kh.png)
After you apply the code click on Save.
How to add JS snippet with GTM
In your GTM Container's workspace, go to Tags - New
![create a new tag in your worspace](https://storage.crisp.chat/users/helpdesk/website/aef006cb31d0a800/image_1sp5pir.png)
Click on Tag Configuration to choose a tag type
![Choose a tag type](https://storage.crisp.chat/users/helpdesk/website/aef006cb31d0a800/image_1r7a8pd.png)
Select the Custom HTML option
![choose the custom HTML option](https://storage.crisp.chat/users/helpdesk/website/aef006cb31d0a800/image_p9tqvl.png)
Name your tag, paste the Cue JS code, set the tag to fire for All Pages trigger, click Save
![paste the code and set the tag to fire on all pages so Cue can fire on all cylinders :)](https://storage.crisp.chat/users/helpdesk/website/aef006cb31d0a800/image_w57nuh.png)
Important note:
Don't forget to publish your container!
After you successfully insert the code on your website your Cues will be showing.
If you’re having any issues whatsoever reach out to us at any time.
Here is where you can see the snippet provided.
![](https://storage.crisp.chat/users/helpdesk/website/aef006cb31d0a800/copy-me_1d4oh2y.png)
Click on the copy button and go to your website.
In this article, we will cover three methods on how you can apply the snippet.
If you have any additional questions regarding the implementation, be sure to reach out to us at any time!
How to add JS snippet to Wordpress
In your Wordpress account go to Appearance
Click on Theme Editor
![Locate Theme Editor under Apperance](https://storage.crisp.chat/users/helpdesk/website/aef006cb31d0a800/image_4sz1r6.png)
Under theme files locate header.php
![find the header.php file](https://storage.crisp.chat/users/helpdesk/website/aef006cb31d0a800/image_hrsbh0.png)
Locate the closing head tag ( </head> ) and apply the JS code right above it.
![right above the </head> tag](https://storage.crisp.chat/users/helpdesk/website/aef006cb31d0a800/image_ms6pnf.png)
Afterward, just click on Update File so the changes can be saved.
![don't forget to save your changes :)](https://storage.crisp.chat/users/helpdesk/website/aef006cb31d0a800/image_1gcznl8.png)
How to add JS snippet to Shopify
Go to Shopify Admin > Online Store > Themes > Actions > Edit Code
![Click on the edit code under Actions in your Themes](https://storage.crisp.chat/users/helpdesk/website/aef006cb31d0a800/image_h4ez9i.png)
Go to theme.liquid and then paste the snippet right above the closing head (</head>) tag.
![go to theme.liquid and apply the code right above </head>](https://storage.crisp.chat/users/helpdesk/website/aef006cb31d0a800/image_ce00kh.png)
After you apply the code click on Save.
How to add JS snippet with GTM
In your GTM Container's workspace, go to Tags - New
![create a new tag in your worspace](https://storage.crisp.chat/users/helpdesk/website/aef006cb31d0a800/image_1sp5pir.png)
Click on Tag Configuration to choose a tag type
![Choose a tag type](https://storage.crisp.chat/users/helpdesk/website/aef006cb31d0a800/image_1r7a8pd.png)
Select the Custom HTML option
![choose the custom HTML option](https://storage.crisp.chat/users/helpdesk/website/aef006cb31d0a800/image_p9tqvl.png)
Name your tag, paste the Cue JS code, set the tag to fire for All Pages trigger, click Save
![paste the code and set the tag to fire on all pages so Cue can fire on all cylinders :)](https://storage.crisp.chat/users/helpdesk/website/aef006cb31d0a800/image_w57nuh.png)
Important note:
Don't forget to publish your container!
After you successfully insert the code on your website your Cues will be showing.
If you’re having any issues whatsoever reach out to us at any time.
Updated on: 02/03/2020
Thank you!