Shopify integration
Step-by-step guide to add visa, budget, and travel widgets to your Shopify site in under 2 minutes.
Shopify's theme editor supports custom HTML inside Pages, Blog articles, and theme Sections. The Orizn widget integrates as a custom section, an inline block on a product description, or a standalone Page — all without needing a private app or theme code customization.
What you'll get
Embed under a Japan-themed product so buyers check visa rules without leaving the PDP.
Pair with Shopify Markets — the widget auto-detects the visitor's language out of 15 locales.
Your Orizn ORIZN-XXXXX code works in parallel with Shopify's referral apps.
Setup
Five concrete steps from opening the editor to hitting publish.
From Shopify admin, go to Online Store → Themes. Find your live theme, click Customize. The theme editor opens with the home page loaded by default.
For a Page: switch to a Page template (top center selector → Pages → choose the page). For a Product: switch to Products → Default product. For a custom section: use Sections → Add section → Custom Liquid.
Click Add section → Custom Liquid (under the General category). A code field opens in the right panel. Paste the two-line Orizn snippet. Shopify accepts <script> tags inside Custom Liquid blocks without sanitization.
The right panel updates the live preview as you type. Drag the section to the position you want (above/below the product description, for example). Test mobile via the device toggle at the top.
Click Save (top right). The widget is live immediately on the customer-facing storefront. If you used a Pages template, also create the page itself under Online Store → Pages and assign the template.
Code
Copy the variant that matches your setup. Switch tabs to see the affiliate or iframe versions.
<div id="orizn-visa"></div>
<script src="https://visa.orizn.app/embed/visa.js" async></script>Watch out
The things that catch first-timers — fix in advance.
The page's rich-text body editor (TinyMCE) removes <script> on save. Use the Custom Liquid section or paste in HTML view (<> icon) of the rich text editor.
If you're on Shopify Hydrogen, embed via a React component with Suspense rather than Custom Liquid — see the React snippet on /embed/getting-started.
You cannot inject custom code into the Shopify Checkout (except via Checkout UI Extensions on Plus plans). Keep widgets on the storefront, not the cart/checkout.
Some Shopify security apps tighten the storefront CSP. If the widget silently fails, check those apps' settings and allow visa.orizn.app under script-src.
FAQ
No. Any Shopify plan (Basic and up) supports the Custom Liquid section we use.
Yes — switch the rich-text editor to HTML view (<> icon) and paste the snippet. Or use a Custom Liquid section on the Product template for cleaner separation.
No measurable impact. The widget is async-loaded after the storefront's critical render path.
Yes. The budget widget supports data-currency override; the other widgets are currency-agnostic.
Other platforms
Ready?
Grab the snippet, paste it where the steps above describe, and ship in two minutes.