Pour une revue vidéo des étapes ci-dessous, cliquez ici.
Après vous être connecté à votre site GoHighLevel, rendez-vous sur votre page d'accueil par défaut. Vous allez d'abord vouloir modifier votre "en-tête", ou barre de navigation, pour inclure le code requis pour connecter votre site avec Goodshuffle Pro.
Après avoir ajouté votre élément "HTML/Javascript personnalisé" à votre barre de navigation, cliquez pour ouvrir l'"Éditeur de code".
Ici, vous allez coller ce code :
<script type="module" src="https://unpkg.com/@goodshuffle/[email protected]/dist/gspro-wc/gspro-wc.esm.js"></script> <script nomodule="" src="https://unpkg.com/@goodshuffle/[email protected]/dist/gspro-wc/gspro-wc.js"></script> <gspro-wishlist-config data-url="https://data.goodshuffle.com/vendor/YOUR-PUBLIC-WEBSITE-KEY" ></gspro-wishlist-config>
Ensuite, vous remplacerez YOUR-PUBLIC-WEBSITE-KEY par la clé de votre onglet Intégrations.
Votre boîte de code ressemblera à ceci,
Maintenant, vous êtes prêt à ajouter des articles à votre page !
Tout d'abord, mettez en surbrillance la zone où vous souhaitez que vos articles apparaissent, puis ajoutez un autre élément de code personnalisé.
Ensuite, mettez en surbrillance cet élément de code et cliquez sur "Ouvrir l'éditeur de code". Ici, vous pouvez choisir comment vous souhaitez que vos articles soient listés. Pour des extraits de code spécifiques, vous pouvez consulter cet article. Une option est,
<gspro-item-gallery show-categories="false" category="furniture-rentals"></gspro-item-gallery>
Ce qui fera apparaître vos articles avec une barre de recherche en commençant par le mobilier, comme ceci :
Enfin, vous voudrez peut-être changer certaines couleurs sur votre site GoHighLevel. Vous pouvez le faire en cliquant sur le pinceau qui dit "CSS personnalisé".
Ici, vous pouvez coller n'importe lequel des extraits de code que nous avons pour changer les couleurs de votre site.