How to add Atlassian widget to Shopify page

[Sasha84]

Hi, Can someone help me to give me a guide on how can I add Atlassian widget to Shopify page.

We want to use our custom form.
Here is the example: 
 <script data-jsd-embedded data-key="XXXXXXXXXXXXXXX" data-base-url="https://jsd-widget.atlassian.com" src="https://jsd-widget.atlassian.com/assets/embed.js"></script>

I want to add it on this page:
https://2buo2njo8afwacso-82635784493.shopifypreview.com/pages/contact

[saim007]

Hi @Sasha84 Just go to the Online Store > Pages > open Contact and in the description box you can paste the script code and save it! Done

[Sasha84]

Hi @saim007 So I need to add a script code not the link I have shared and it should work with Atlassian?
I have tried adding this, but it does not look like it works. 
<script data-jsd-embedded data-key="XXXXXXXXXXXXXXX" data-base-url="https://jsd-widget.atlassian.com" src="https://jsd-widget.atlassian.com/assets/embed.js"></script>
 

[saim007]

@Sasha84 Just see the screenshot I hope you will understand.

[Sasha84]

Yes, I have understood that. This is what I have tried before and it did not work. I add the code, but when I click on "Preview page" I do not see Atlassian page.

[saim007]

If you can give me staff role than I can check the issue and fix it!

[Sasha84]

I cannot give you staff role, but will check with admin if that is possible. Can you give me some suggestion on what more can I check?

[saim007]

@Sasha84 First check the script tag code is correct and if you copy this code from the Atlassian than just once checkout the documentation or instruction. Second, try to put this script code in your contact us page template "contact-test" which you created and make the page Visible and then check.

I hope this will work and instead of testing on your site, you can check the script on any online html code editor tool so if script was right than it will work on any platform or site.

Good luck!

[Sasha84]

@saim007 Thx I have tested the script and it works as expected on the online html code editors. 
When I try to add it to the "contact-test" template I get an error message saying. "Invalid JSON: unexpected token" Unable to update file. 

Do you have any suggestion on what should I do or how to add this script to template?

[saim007]

Hi @Sasha84 try to add this code into the theme.liquid file before </head> tag.

{% if template contains 'contact' %}

Add your script code

{% endif %}

Make sure your page is visible and live.

I hope this will work!