Intégrer l'atelier

Intégrez un simulateur de covering sur votre site.

Specced donne à chaque atelier une URL d'intégration sans chrome. Une ligne d'iframe la pose sur votre site, sans plugin ni script. Ça marche sur WordPress, Wix, Shopify, Webflow, Squarespace et sur une page codée à la main. Elle porte votre logo et vos films, en marque blanche, et les demandes de devis vous arrivent.

Créer votre page

Le code

Une iframe, rien d'autre.

<iframe src="https://pr-202.specced.server.begue.cc/s/yourshop/embed"
        width="100%" height="900"
        style="border:0;max-width:100%"
        loading="lazy"
        allow="clipboard-write; web-share; fullscreen"
        title="Studio"></iframe>

Remplacez yourshop par l'adresse de votre atelier. Votre tableau de bord sur /shop affiche ce code avec la vraie adresse dedans, et un bouton copier.

Le cadre fait 900 pixels de haut et 100% de large. La hauteur est fixe : une iframe d'un autre domaine ne peut pas se redimensionner sans script, et 900 suffit pour la photo, la couleur et le rendu sans barre de défilement interne.

Quatre étapes

Le code, puis la page.

1

Copiez le code

Ouvrez votre tableau de bord sur /shop. Le bloc d'intégration affiche l'iframe avec l'adresse de votre atelier. Copiez-la.
2

Ouvrez votre éditeur

Choisissez la page où mettre l'atelier et ouvrez-la dans votre éditeur. Une page dédiée marche, une section aussi.
3

Collez dans un bloc HTML

Ajoutez le bloc HTML ou intégration de la plateforme et collez l'iframe dedans. Gardez les attributs tels quels.
4

Publiez et vérifiez

Publiez, puis ouvrez la page sur un téléphone. Lancez un rendu et envoyez-vous une demande de devis pour voir le lead arriver.

Par plateforme

Où se trouve le bloc.

WordPress

Modifiez la page dans l'éditeur de blocs.
Ajoutez un bloc HTML personnalisé.
Collez l'iframe dedans.
Prévisualisez, puis publiez.
Sous Elementor ou Divi, utilisez plutôt le widget HTML.

Wix

Ouvrez la page dans l'éditeur Wix.
Ajouter des éléments, puis Code intégré, puis Intégrer du HTML.
Cliquez sur Saisir le code et collez l'iframe.
Étirez l'élément sur toute la largeur de la section.
Publiez.

Shopify

Allez dans Boutique en ligne, puis Pages, puis votre page.
Dans l'éditeur de contenu, cliquez sur le bouton <> pour afficher le HTML.
Collez l'iframe et enregistrez.
Pour une section sur un autre modèle, ajoutez un bloc Liquid personnalisé et collez-la là.

Webflow

Ouvrez la page dans le Designer.
Glissez un élément Embed sur la page.
Collez l'iframe dans la fenêtre de code et enregistrez.
Mettez la largeur de l'élément à 100%, puis publiez.

Squarespace

Modifiez la page et ajoutez un bloc.
Choisissez le bloc Code.
Collez l'iframe et laissez Display Source décoché.
Enregistrez, puis vérifiez la page sur un téléphone.

Sites codés à la main

Ouvrez le fichier HTML ou le gabarit de la page.
Collez l'iframe dans le body, là où l'atelier doit apparaître.
Laissez la largeur à 100% pour qu'elle suive votre conteneur.
Déployez.

Questions

L'intégration demande-t-elle un plugin ?

Non. C'est une simple iframe : pas de plugin, pas de script, rien à installer. Specced envoie frame-ancestors * sur l'URL d'intégration, et c'est pour ça qu'elle se charge aussi bien dans WordPress, Wix, Shopify, Webflow, Squarespace que dans une page codée à la main.

Les visiteurs peuvent-ils l'utiliser sans compte ?

Oui. L'atelier intégré n'a pas de mur d'inscription. Le visiteur envoie une photo, choisit un film et récupère un rendu sans rien créer. Safari bloque le stockage dont une iframe a besoin : sur Safari, le visiteur passe par le lien dans le coin, qui ouvre le même atelier sur sa propre page.

Où arrivent les demandes de devis venues de l'intégration ?

Chez vous, exactement comme depuis votre sous-domaine. Le lead porte le rendu du client, la voiture qu'il a indiquée et le film exact. L'atelier est lu sur l'adresse qui sert l'iframe, jamais sur la page qui l'encadre, donc personne ne peut déposer un lead dans votre boîte depuis ailleurs.

La marque Specced est-elle affichée ?

Non. L'intégration est sans chrome : pas de logo Specced, pas d'en-tête, pas de pied de page, pas de mention. Elle porte votre logo et vos couleurs. C'est ce que veut dire marque blanche ici, et c'est pour ça que le cadre se lit comme une partie de votre site.

Puis-je limiter les films affichés ?

Oui. Vous choisissez les films que votre atelier propose sur /shop/films, et l'intégration affiche exactement cette liste. Un film que vous ne posez pas n'apparaît jamais, donc une demande de devis ne peut pas nommer quelque chose que vous devriez refuser.