Konfigurator – branding i personalizacja

Logo i przekierowanie

Konfigurator obsługuje personalizację wizualną — możesz dodać własne logo firmy oraz dopasować tło sceny. Każdy konfigurator może wyświetlać Twoje logo, a po kliknięciu użytkownik zostanie przekierowany na wskazany adres URL. Ta funkcja jest dostępna wyłącznie w planach Business i Business PRO. Jak ustawić logo:

  1. Przejdź do sekcji Ustawienia e-commerce w aplikacji.
  2. W sekcji Personalizacja wgraj:
    • logo poziome (do górnego paska nawigacji)
    • logo kwadratowe (np. do ekranu ładowania lub menu)
    • adres URL przekierowania po kliknięciu logo
  3. Zapisz zmiany — Twoje nowe logo pojawi się we wszystkich konfiguratorach. (Upewnij się, że parametr nav=1 jest ustawiony, aby górny pasek z logo poziomym był widoczny.)

Tło konfiguratora

Możesz ustawić dowolny obraz tła w edytorze konfiguratora w aplikacji. Jak zmienić tło:

  1. Po zalogowaniu otwórz konfigurator produktu w przeglądarce
  2. W menu > przycisk Scena > Obrazy
    • Dodaj i zapisz własny obraz, który będzie wyświetlany w tle
Otwórz w nowej karcie
Docs Konfigurator - Branding i personalizacja — Podgląd na żywo / demo osadzania (Vanilla JS).
1<!DOCTYPE html>
2<html>
3  <head>
4    <title>Configurator - Branding</title>
5    <meta charset="utf-8" />
6    <meta name="viewport" content="width=device-width, initial-scale=1" />
7    <style>
8      * { box-sizing: border-box; }
9      html, body, #root { width: 100%; height: 100%; margin: 0; padding: 0; }
10      iframe { display: block; }
11    </style>
12  </head>
13  <body>
14    <iframe
15      loading="lazy"
16      title="Product Configurator"
17      src="https://alterproduct.com/app/configurator/12?add_to_cart=1&bcg=theme"
18      width="100%"
19      height="100%"
20      frameBorder="0"
21      allowFullScreen
22    ></iframe>
23  </body>
24</html>
Zobacz projekt na GitHubGithub Logo