How to add Atlassian widget to Shopify page

How to add Atlassian widget to Shopify page

Sasha84
Excursionist
22 0 2

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

Replies 9 (9)

saim007
Shopify Partner
550 70 93

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

Saim | Shopify Partner Expert

Was I helpful?

Buy me a Coffee

🙂
Hire me   to unlock the full potential of your e-commerce store 🙂
Sasha84
Excursionist
22 0 2

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
Shopify Partner
550 70 93

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

 

sandyparihar07_0-1710242854560.png

 

Saim | Shopify Partner Expert

Was I helpful?

Buy me a Coffee

🙂
Hire me   to unlock the full potential of your e-commerce store 🙂
Sasha84
Excursionist
22 0 2

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.

 

 

Skjermbilde 2024-03-12 kl. 12.45.37.png

saim007
Shopify Partner
550 70 93

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

Saim | Shopify Partner Expert

Was I helpful?

Buy me a Coffee

🙂
Hire me   to unlock the full potential of your e-commerce store 🙂
Sasha84
Excursionist
22 0 2

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
Shopify Partner
550 70 93

@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!

Saim | Shopify Partner Expert

Was I helpful?

Buy me a Coffee

🙂
Hire me   to unlock the full potential of your e-commerce store 🙂
Sasha84
Excursionist
22 0 2

@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
Shopify Partner
550 70 93

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!

Saim | Shopify Partner Expert

Was I helpful?

Buy me a Coffee

🙂
Hire me   to unlock the full potential of your e-commerce store 🙂