Webwave

Add or embed 3D, Augmented Reality (AR), and Virtual Reality (VR) content/design to your Webwave website.

Introduction

SwiftXR is a powerful platform for creating and sharing interactive 3D, augmented reality (AR), and virtual reality (VR) experiences on the web. With the SwiftXR (3D/AR/VR) Integration for WebWave, you can easily integrate SwiftXR Projects into your WebWave website, enabling you to create immersive and interactive web experiences.

Creating a Project in SwiftXR

• Navigate to the SwiftXR Hub: Begin by visiting the SwiftXR Hub, or alternatively click on this link: https://swiftxr.io/hub

• Initiate Project Creation: Once on Hub, click the “Create Project” button and enter your desired project name.

• Design or Develop: Utilize the intuitive editor to effortlessly add and customize SwiftXR components, bringing your 3D vision to life.

Publishing your SwiftXR Project

• Utilize the editor to create your 3D vision using the SwiftXR components. Once satisfied with your creation, press the “Publish” or “Update” button to make your project live

Copy Embed Code

• After publishing, click the dropdown button beside the “Update” button and select “Share.” Within the Share modal, click the “Copy Embed” button to copy the embed code for your project.

Integrating SwiftXR into WebWave Website

• Go to WebWave.com and create an account or log in if you already have one.

• After you log in, you would see three options, choose the right option that says “Start with a blank page”.

Add an HTML Element

• After clicking on “Start with a blank page”, it would take you to the page editor.

• In the editor, you would see an icon that looks like “...” in the last left corner of your page, hover over it, it would bring a new set of icons, choose the icon that looks like “<>”.

Insert Your SwiftXR Embed Code

• After clicking on the “<>” icon, a code editor page would appear on your screen.

• Erase the existing code and paste your SwiftXR iframe code in the code editor and click on the bottom right button that says “Change Code”.

  Insert Your SwiftXR Embed Code

• After clicking on “Change Code”, your SwiftXR product would be live in your website.

• It would appear very little, but there is a scaleable tag attached to it, so you can scale it to your satisfaction

Publishing your Website

Click on the publish button in the top right corner of your page.

• After clicking on it, you would see a message that says your website has been published, click on the “Close” button.

Viewing your Scene in the Web, AR or VR

• After clicking on the “Close” button, at the top right corner beside the eye icon, you would see an “earth” icon, click on it to view your published page live.\

Conclusion

Integrating SwiftXR into WebWave is straightforward and fully supported on the platform’s free plan. By using WebWave’s custom code block, developers and content creators can seamlessly embed SwiftXR’s interactive 3D experiences into their websites without needing a paid plan. This integration allows for enhanced user engagement, dynamic content presentation, and a smooth deployment process. Overall, WebWave provides a flexible and accessible environment to showcase SwiftXR content efficiently and effectively.