WordPress
Add 3D, Augmented Reality (AR), and Virtual Reality (VR) content to your WordPress Website.
Last updated
Was this helpful?
Add 3D, Augmented Reality (AR), and Virtual Reality (VR) content to your WordPress Website.
Last updated
Was this helpful?
To add the 3D/AR/VR view to your product page:
Go to Wordpress Website Editor and click on plugin
Click on add new plugin and search for SwiftXr
Click on "Install now" to install plugin
After installing, Click on the Plugin from your menu.
Important: SwiftXR does not change the look of your website. You can add the SwiftXR Viewer to different parts of your page by opening the widget settings and turning on the optional link feature.
Once you have added the plugin you can now embed your 3D project by following the steps below.
To create a SwiftXR project and publish your 3D Model, visit the SwiftXR Hub. SwiftXR accepts multiple file formats such as fbx, obj, stl, gltf, and images.
(Optional) You can also use templates for quick starts
From the component tab, click or drag and drop a 3D viewer component to add it to the white canvas. Select the "Properties" tab to upload a 3D model, import from a 3D store or Request a 3D model from support@swiftxr.io.
(Optional) To make sure that only your 3D model is visible, make sure to remove any other components on the SwiftXR Canvas.
To publish or update your project, click the "Publish" button or "Update" if it is an existing project which is located at the top right corner of the SwiftXR Editor".
(Optional) You can customise the project URL before you publish.
After publishing your project, copy the published project URL'
Important: Make sure that your project URL has the "swiftxr.app" domain, otherwise our servers will mark it as invalid. You can also view and share the project using the published project URL
To add published project to your WordPress, Click on the plugin from your WordPress Menu
Click on "Add New Entry"
Enter the published url from SwiftXR
Adjust your dimensions (this is for the embed object)
Click on "Add Entry"
After Adding Entry copy the short code. This will be needed to display product in your WordPress Site.
To use the generated short code on your WordPress Site, follow the steps below
Open the page you want to edit, and Click to add a block.
Search for ShortCode on the block search input, then drag and add to page.
Paste the ShortCode generated from the SwiftXr plugin before now.
Click on Save
Note: Keep adding your 3D models to your store to make it more interactive.
Tip: Adding 3D/AR/VR content across your WordPress can help increase customer browsing time and number of items viewed.
