Integrate Tilesview into Your Website

Explore 4 Easy Integration Methods

Method 1: Redirection Link

Use a simple link to redirect users to the Tilesview Visualizer.

<a href="https://tilesview.ai/app/login.php?login_backend={Your_Token_Here}" target="_blank">Visualizer</a>

Info: Place this in any button, anchor tag, or use it with a custom redirect action.

Method 2: Iframe / Custom Area

Use the same URL inside an iframe to embed the Visualizer directly into your webpage.

<iframe src="https://tilesview.ai/app/login.php?login_backend={Your_Token_Here}" width="100%" height="800px" allowfullscreen style="border:none;"></iframe>

Info: Copy and paste this iframe code where you want to embed the Visualizer.

Method 3: Widget Integration

Widgets allow you to place a pre-configured Tilesview launcher directly on your site.

<script src="https://tilesview.ai/widget.js"></script>

Login to the Tilesview Admin Panel
Go to Account Settings on the left sidebar
Click on Widget Setting
Copy the widget's <script> tag
Paste it in the <head> or before </body> on your website

Method 4: Per Product / SKU Integration

Each product has its own preview URL that can be used independently.

<a href="https://tilesview.ai/app/product_preview.php?sku={SKU}" target="_blank">Product Preview</a>

Login to the Tilesview Admin Panel
Navigate to Product Design SKU from the left sidebar
Find the product in the list
Click the 3-dot menu at the end of the product row
Click Copy Product Preview URL

Info: Use this unique URL to show the preview of a specific product.

Note: The Your_Token_Here is available in your Dashboard and can be modified to suit your project requirements.