WordPress integration
Step-by-step guide to add visa, budget, and travel widgets to your WordPress site in under 2 minutes.
WordPress powers more than 40 percent of the web, and adding an Orizn widget takes about a minute — two ways. Fastest: install the official Orizn Travel Widgets plugin (download below) and get a native Gutenberg block, a shortcode and a settings page that applies your affiliate code site-wide. Or go plugin-free with a Custom HTML block and the two-line snippet, as described in the steps below.
Official plugin
Native Gutenberg block, [orizn_widget] shortcode, and a settings page that applies your affiliate code to every widget on your site. Upload the zip via Plugins → Add New → Upload.
What you'll get
Drop a pre-filled visa widget into every country post so readers stop bouncing to Google.
Visa rules update in real time on our side. Your post never goes stale.
Add your ORIZN-XXXXX code once. Every guide purchased earns you 50 percent for 30 days.
Setup
Five concrete steps from opening the editor to hitting publish.
From the WordPress admin, go to Posts → All Posts, hover the post you want to edit, then click Edit. Make sure you are using the Block editor (Gutenberg), not the Classic editor — if you see the TinyMCE toolbar with Visual/Text tabs, switch by deactivating the Classic Editor plugin or use Step 5's workaround.
Click the + (Add block) icon where you want the widget to appear. In the block picker search for 'Custom HTML' (under Widgets). You can also type /html on a new line — Gutenberg autocompletes the block.
Copy the snippet below and paste it into the Custom HTML block. The block has no preview by default — click the Preview tab at the top of the block to see the widget render inline before publishing.
Click the Preview button (top right) → Preview in new tab. The widget mounts after the script finishes loading — usually 200-400 ms. If you see nothing, open DevTools and check Console: most issues are CSP rules on shared hosts.
Click Update (or Publish for a new post). The widget is now live. If you use the Classic editor, you need either a code plugin (Code Snippets, Insert Headers and Footers) or the iframe fallback in the snippets section below — the Classic editor strips async script tags on save.
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 TinyMCE editor (pre-2018 default) removes <script> on save. Switch to Gutenberg, install a code-injection plugin, or use the iframe fallback above.
If Jetpack's lazy-load module is on, add data-no-lazy='1' to the container div or exclude visa.orizn.app from lazy loading.
Delay JavaScript Execution is enabled by default in WP Rocket. Add visa.orizn.app/embed/visa.js to the exclusion list, otherwise the widget waits for user interaction.
Hosts like SiteGround sometimes ship strict Content-Security-Policy headers. Allow script-src visa.orizn.app or contact support to whitelist the domain.
FAQ
No. The native Custom HTML block in Gutenberg accepts our two-line snippet directly. You only need a plugin if you are stuck on the legacy Classic editor.
Yes. In Elementor, drag the HTML widget; in Divi, use the Code module. Both render the script identically to Gutenberg.
No. The script is loaded async and weighs under 15 KB gzipped. It does not block render and only fires after the DOM is interactive.
Yes. Appearance → Widgets → add a Custom HTML widget and paste the snippet. It will render once per page where the sidebar appears.
Other platforms
Ready?
Grab the snippet, paste it where the steps above describe, and ship in two minutes.