Cette fonctionnalité est disponible sur tous les forfaits Goodshuffle Pro.
Lovable est un créateur de site web alimenté par l’IA qui vous permet de créer et de gérer un site personnalisé sans aucune connaissance en code. Nous allons voir comment démarrer un tout nouveau site Lovable, ainsi que comment l’intégrer à un site existant, grâce aux étapes ci-dessous !
Créer un tout nouveau site web
Rendez-vous sur lovable.dev et créez un compte Lovable. Nous vous conseillons le forfait Pro avec 100 crédits, à 25 $ par mois. C’est le forfait le plus bas, et il vous permettra de laisser libre cours à votre créativité pour votre site personnalisé !
Une fois connecté, vous verrez un écran où vous pourrez saisir votre prompt pour commencer. Copiez le prompt ci-dessous pour démarrer la création de votre site web :
Je crée un site de location d’événements, et je veux qu’il ressemble à <insérez votre idée>
Placez ce code dans l’en-tête,
<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/VOTRE-CLÉ-PUBLIC-BROWSER” require-phone-number=“true”>
</gspro-wishlist-config>
À copier tel quel, sans aucune modification.
Ensuite, sur une page d’inventaire de location, ajoutez <gspro-item-gallery></gspro-item-gallery> pour afficher les articles. Merci !
Adaptez l’idée selon vos envies, et n’oubliez pas d’indiquer votre Public Browser Key à l’endroit prévu.
En moins de 5 minutes, Lovable va créer un site personnalisé qui correspond à votre thème. Voici un exemple du prompt et du site démo obtenu par un membre de notre équipe !
Pour personnaliser votre site (couleurs, affichage de différents articles, etc.), consultez cet article.
Copier un site existant qui n’est pas hébergé sur Lovable
Copier votre site actuel sur Lovable ne prend que quelques minutes. Tant que votre site est public, vous pouvez demander à Lovable de le recréer.
Rendez-vous sur lovable.dev et créez un compte Lovable. Nous vous conseillons le forfait Pro avec 100 crédits, à 25 $ par mois. C’est le forfait le plus bas, et il vous permettra de laisser libre cours à votre créativité pour votre site personnalisé !
Une fois connecté, vous verrez un écran où vous pourrez saisir votre prompt pour commencer. Copiez le prompt ci-dessous pour recréer votre site existant :
Je crée un site de location d’événements, et je veux qu’il copie <L’URL de votre site existant>
Placez ce code dans l’en-tête,<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” require-phone-number=“true”></gspro-wishlist-config>
À copier tel quel, sans aucune modification.N’oubliez pas d’indiquer votre Public Browser Key à l’endroit prévu.
Vous pouvez ajouter ce qui suit à votre prompt si vous avez déjà l’intégration Goodshuffle. Si vous commencez sur Lovable et ajoutez l’intégration, vous pouvez passer cette étape.
Si possible, affichez le HTML goodshuffle sur chaque page (formaté comme <gspro-item-list></gspro-item-list>) et faites apparaître les mêmes articles.
En quelques minutes, votre site sera entièrement reconstruit sur Lovable, prêt à être personnalisé comme vous le souhaitez. Si vous aviez un inventaire Goodshuffle sur votre ancien site, il apparaîtra sur les mêmes pages ! Jetez un œil aux liens pour voir un exemple où Lovable a recréé https://lucilleenterprises.squarespace.com/ en https://lucilleenterprises.lovable.app/. À noter : Cela a été fait avec un seul prompt. Aucune modification supplémentaire n’a été apportée, et le processus a été terminé en moins de 5 minutes.
Pour personnaliser votre site (couleurs, affichage de différents articles, etc.), consultez cet article.
Ajouter l’intégration à votre site Lovable existant
Si vous avez déjà un site Lovable, ajouter l’intégration est très simple. Après avoir acheté l’intégration, ajoutez ce prompt à votre site :
Placez ce code dans l’en-tête,
<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” require-phone-number=“true”></gspro-wishlist-config>
Là où vous souhaitez afficher des articles (par exemple sur une nouvelle page ou une page de locations existante), demandez à Lovable d’ajouter <gspro-item-gallery></gspro-item-gallery>
Pour personnaliser votre site (couleurs, affichage de différents articles, etc.), consultez cet article.
Besoin d’aide supplémentaire ?
Cliquez sur la bulle de chat bleue en bas à droite de votre écran pour contacter notre équipe d’assistance — nous sommes là pour vous aider !
Remarque : Cet article a été traduit à l’aide de l’IA. Pour toute question ou clarification, contactez-nous via la bulle de chat en bas à droite de votre écran.