> For the complete documentation index, see [llms.txt](https://guide.swiftxr.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://guide.swiftxr.io/plugins/silex.md).

# SILEX

**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 Silex, you can easily integrate SwiftXR Projects into your Silex 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>&#x20;
* 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

<figure><img src="/files/yjeCPqRwcvqC35VOTD05" alt=""><figcaption></figcaption></figure>

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.

<figure><img src="/files/aCmadzOGZGtKsSz8X9Vr" alt=""><figcaption></figcaption></figure>

**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.

<figure><img src="/files/HZlEyeTr5efFuqXbzuve" alt=""><figcaption></figcaption></figure>

**Integrating SwiftXR into Silex Website**

* Go to [Silex.com](http://silex.com) and create an account or log in if you already have one.
* After creating an account, click on the button that says “Create website”.

<figure><img src="/files/rFGnhsc4At5rqszLvsLQ" alt=""><figcaption></figcaption></figure>

* Give your website a name (e.g SwiftXR)

<figure><img src="/files/Zs93ajJ7rAB345Et2t2t" alt=""><figcaption></figcaption></figure>

* Click on your website name to access your dashboard

<figure><img src="/files/OeMpwswt3tay1ZlqKkZ5" alt=""><figcaption></figcaption></figure>

**Add an HTML Block**

* Click on the plus icon and choose the HTML tag under “Components”
* This block allows you to paste raw HTML/iframe code.

<figure><img src="/files/npQalYdudRDNwwitnA6i" alt=""><figcaption></figcaption></figure>

* When you click on the HTML tag, an editor would appear for you to paste your SwiftXR iframe embed code.
* After pasting the code, click on “Save”

<figure><img src="/files/UA7mHTqFp0A5254JZv45" alt=""><figcaption></figcaption></figure>

**Viewing your product in your website**

* After clicking on “Save”, your SwiftXR product should appear on your website.

<figure><img src="/files/sAyTS6DwnSQfHgZ69wV1" alt=""><figcaption></figcaption></figure>

**Publishing your Project**\
Click on “Publish” in the top right corner of your screen. It would bring a variety of options of how you would wish to publish, click on “[GitLab.com](http://gitlab.com)”.

<br>

<figure><img src="/files/IvHee38e3L7ZHuYEfy31" alt=""><figcaption></figcaption></figure>

**Viewing your Scene in the Web, AR or VR**\
After clicking on “[GitLab.com](http://gitlab.com)” as the publish option you’d be redirected to a page where you would view your product immersively.

<figure><img src="/files/iKO8SC9o2pk7LFQQXGyS" alt=""><figcaption></figcaption></figure>

**Conclusion**

Integrating SwiftXR with Silex allows users to seamlessly embed immersive 3D and AR experiences directly into their Silex websites. The process is straightforward, requiring only the addition of the provided embed code into the site’s editor. Once integrated, SwiftXR enhances user engagement by offering interactive and visually rich content, making websites more dynamic and appealing. This integration demonstrates how modern web platforms like Silex can easily leverage cutting-edge technologies to deliver enhanced experiences without the need for complex development.

<br>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://guide.swiftxr.io/plugins/silex.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.