Configurator – Estilo (parâmetros de URL)

Estilo com parâmetros de URL

Os parâmetros de URL permitem personalizar a aparência e o comportamento do Configurator sem alterar o código. Eles podem ser configurados diretamente na aplicação, por exemplo no separador Partilhar ou dentro do Configurator, e controlam o modo de fundo, efeitos da imagem de fundo, iluminação do ambiente 3D, visibilidade da interface e de Adicionar ao carrinho. Pré-seleção de variantes (atributos WooCommerce): Também pode pré-selecionar uma variante do produto com parâmetros como attribute_pa_color, pa_size ou size. Esses parâmetros usam o mapeamento de atributos e termos da loja para abrir o Configurator com uma cor, tamanho, material, método de impressão ou cor personalizada já selecionados.

Lista de parâmetros de URL disponíveis

ParâmetroTipoDescriçãoValor predefinido
nav0 / 1Oculta (0) ou exibe (1) a navegação. Disponível apenas no Business.1
add_to_cart0 / 1Oculta (0) ou exibe (1) o botão Adicionar ao carrinho.0
bcgstringModo de fundo da cena: grad_f6f7fb_e8fff6, app_img_123, uploaded, theme ou env.Loja/predefinido
envintID do ambiente HDRI usado na iluminação da cena. Com bcg=env, o ambiente também aparece como fundo da cena.1
light_intensity0 - 2Intensidade da luz da cena 3D.0.6
bcg_blur0 - 100Desfoque aplicado às imagens de fundo selecionadas com bcg=app_img_*, bcg=uploaded ou bcg=theme.0
bcg_brightness0 - 3Nível de brilho/emissão das imagens de fundo.1
bcg_underlaystringBase atrás das imagens de fundo. Use grad_ffffff_f5f7fb para um gradiente ou none para removê-la.Predefinição do fundo
attribute_pa_*stringPré-seleciona um termo de atributo de produto WooCommerce. Aceita chaves como attribute_pa_color, pa_color e color, com aliases para tamanho, cor, material, tipo de impressão e padrão.
custom_color0 / 1 / trueSolicita a variante de cor personalizada, quando o produto oferece essa opção. Também pode ser ativada com color=custom.0
picked_colorsstringCores personalizadas separadas por vírgulas no formato detailKey:%23hex, por exemplo front:%23ff6b6b,back:%2300ff88. O caractere # deve ser codificado na URL como %23.

Exemplo

URL: https://alterproduct.com/app/configurator/1?bcg=grad_f6f7fb_e8fff6&env=8&light_intensity=1.2&bcg_underlay=none&add_to_cart=1&nav=0&attribute_pa_color=white&attribute_pa_size=m

<iframe
  loading="lazy"
  title="Product Configurator"
  src="https://alterproduct.com/app/configurator/1?bcg=grad_f6f7fb_e8fff6&env=8&light_intensity=1.2&bcg_underlay=none&add_to_cart=1&nav=0&attribute_pa_color=white&attribute_pa_size=m"
  width="100%"
  height="100%"
  frameBorder="0"
  allowFullScreen
></iframe>