Articles on: Configurator

Understanding Mimeeq Embeds: Types, Configuration, and Customization

Content


  1. What Are Mimeeq Embeds?
  2. Embed Types Overview
  3. How to Generate Embed Codes
  4. Embed Templates Settings
  5. Embedding Code on Your Website


What Are Mimeeq Embeds?


Embeds are snippets of code that you can place on your website to display Mimeeq 3D configurators or product catalogs. Each embed type serves a specific purpose, from displaying product catalogs to enabling individual product configuration. All embeds are controlled through embed templates, which give you centralized control over styling, behavior, and settings.


Mimeeq provides several types of embeds that allow you to integrate 3D configurators, product lists, B2B baskets, and authentication embeds for user login/registration. This guide covers the available embed types, their capabilities, and how to customize them using embed templates.


Embed Types Overview


Configurator Embeds


Embed Type

Description

Purpose

Indexable

Standard Product Configurator

Embeds one specific standard configurator

Most common for e-commerce sites, single product pages

Modular Product Configurator

Embeds one specific modular configurator

Most common for e-commerce sites, single product pages

Product List

Embeds catalog of all your active configurators

Product catalogs

Product Group

Embeds grouped product configurators

Product catalogs, category pages


Standard and Modular Product Configurators are the most commonly used types, especially for e-commerce customers, as they benefit from CDN caching and provide the best performance. Product lists (including group lists) do not use CDN caching and load more slowly due to fetching multiple products dynamically.


Other Embeds


Embed Type

Description

Basket Embed

Embeds the Mimeeq Basket as part of another embed (product menu, configurator) or as a standalone element on any page of your website.

Authentication Embed

Authentication embed for user login/registration, password reset, etc

Favorites List

Embeds user's saved items configuration. Require user authentication


How to Generate Embed Codes


Standard Product Configurator


The Standard Configurator Embed displays a single configurable product. This is ideal for dedicated product pages where you want to showcase one specific item with all its configuration options.


How to Generate:


  1. Navigate to the specific standard configurator in Mimeeq Admin
  2. Click "Copy Embed Code" on the configurator page
  3. Select your Embed Template
  4. Configure language and price group settings (overrides Embed Template default settings)
  5. Copy the embed code


Standard Product Configurator Example


Modular Product Configurator


The Standard Modular Configurator Embed displays a single modular configurable product. By default, modular configurators open in a modal overlay to provide a full-screen experience, but you can change these settings in Embed Template)


How to Generate:


  1. Navigate to the specific modular configurator in Mimeeq Admin
  2. Click "Copy Embed Code" on the configurator page
  3. Select your Embed Template
  4. Configure language and price group settings (overrides Embed Template default settings)
  5. Copy the embed code


Modular Product Configurator Example


Product List


The Product List Embed displays a catalog of all your active products. This is the most commonly used embed type for showcasing your entire product range.


Key Features:


  • Displays all active products
  • Supports filtering by categories and search
  • Includes sorting options (A-Z, Z-A)
  • Adjustable tile sizes (large or small)
  • Optional favorites functionality


How to Generate:


  1. Navigate to your product list in Mimeeq Admin
  2. Click "Copy Embed Code"
  3. Select your Embed Template
  4. Optionally specify language and price group (overrides Embed Template default settings)
  5. Copy the embed code


Product List Embed Example


⚠️ Important: Product Lists automatically include all publicly active products, while Product Groups require manual addition of products for safety. We recommend using Product Groups as they give you complete control over which products are visible on your website.


Product Group


The Product Group Embed displays a specific group of all your active products. Ideal for product categories pages.


How to Generate:


  1. Navigate to SettingsDataProduct Groups
  2. Create a product group (e.g., "Armchairs")
  3. Open the product group and set Status to Active, add products to the group
  4. Click "Copy Embed Code"
  5. Select your Embed Template
  6. Optionally specify language and price group (overrides Embed Template default settings)
  7. Copy the embed code


Product Group Embed Example


Basket Embed


The Mimeeq Basket can function independently on any page of your website, not just product pages. Read our Mimeeq Basket System help article for detailed configuration and embedding instructions.


Authentication Embed


The Auth embed allows you to add user login and registration functionality directly to your website. This enables features like using favorites or Mimeeq Basket.


What the Auth Embed Includes


  • User login form
  • New user registration
  • Password recovery option
  • Automatic session management


When authentication is enabled:


  • Users can save favorite products and configurations to their account
  • Display user-specific pricing based on their account settings
  • Show specific products or features only to authenticated users
  • Show Basket only for logged-in users


How to Generate Auth Embed


  1. Navigate to SettingsCodeLogin Code in Mimeeq Admin
  2. Ensure authentication is enabled for your account
  3. Click "Copy Embed Code"
  4. Select your Language
  5. Optionally override Theme settings (button background colour and button text colour)
  6. Copy the embed code


Auth Embed Example (Login Modal)


Favorites List


The Favorites Embed displays products that logged-in users have marked as favorites. This is particularly useful for scenarios where users need to save and return to specific product configurations. The Favorites Embed can be embedded as dedicated embed or within Product List Embed.


Option 1: Dedicated Favorites Embed


  1. Navigate to SettingsCodeFavorites Code in Mimeeq Admin
  2. Select your Embed Template
  3. Configure language and price group settings (overrides Embed Template default settings)
  4. Copy the embed code


Option 2: Favorites within Product List


  1. When creating a Product List embed, ensure you have authentication enabled
  2. In your Embed Template Settings, make sure Hide Favorites option is disabled
  3. Logged-in users will automatically see a favorites section in the product list controls
  4. Users can mark products as favorites directly from the product list


Favorites within Product List Example

Embed Templates Settings


There are many configuration options available for Embed Templates. For a detailed breakdown of each setting, see the Embed Template Settings Guide.


Embedding Code on Your Website


After setting up your embed templates and configuring all the necessary settings, you're ready to embed Mimeeq products on your website.


Code Structure


Every embed consists of two parts:


<!-- Container with short code --> 
<div data-mimeeq-product="SHORT_CODE"></div>

<!-- Script loader -->
<script src="https://mimeeq-embed-url.js"></script>


1. Shortcode


The shortcode is a unique identifier (e.g., GP9V9M) that references your specific product or product list configuration.


Example use case: You might store different shortcodes in your CMS and dynamically insert them based on which category page a user visits, allowing you to show relevant products without changing the HTML structure.


2. Full HTML Snippet


The snippet is a complete HTML code block (typically 2-3 lines) that includes the Mimeeq script and your configuration parameters.


Example use case: Use full snippet for static website implementations to embed single products or product list.


Embed Code Snippet Example

Basic Embedding Process


  1. Copy the embed code from Mimeeq Admin
  2. Paste it into your website:
  • For shortcodes: Insert into your CMS's dynamic content field
  • For full snippets: Paste directly into your HTML where you want the configurator to appear
  1. Verify the embed by loading your webpage - the Mimeeq configurator should appear according to your template settings


Support


If you encounter issues not covered in this guide or need assistance with custom implementations, please contact Mimeeq support or consult the complete documentation at Mimeeq Docs.




Updated on: 16/06/2026

Was this article helpful?

Share your feedback

Cancel

Thank you!