Esta función está disponible en todos los planes de Goodshuffle Pro.
Lovable es un creador de sitios web impulsado por IA que te permite crear y mantener un sitio personalizado sin necesidad de saber programar. A continuación te mostramos cómo empezar un sitio nuevo en Lovable o cómo integrarlo en un sitio web existente, ¡con los pasos que te detallamos abajo!
Crear un sitio web completamente nuevo
Ve a lovable.dev y crea una cuenta en Lovable. Te recomendamos el plan Pro con 100 créditos, que cuesta $25 al mes. Es el plan más básico y te permitirá ser totalmente creativo con tu sitio personalizado.
Una vez que hayas iniciado sesión, verás una pantalla donde puedes escribir tu prompt para comenzar. Copia el siguiente prompt para empezar tu sitio web:
Estoy creando un sitio de renta de eventos y quiero que sea como <inserta tu propia idea>
Pon este código en el encabezado,
<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/TU-CLAVE-PÚBLICA-DE-BROWSER” require-phone-number=“true”>
</gspro-wishlist-config>
Ponlo exactamente como aparece y no hagas ningún cambio.
Luego, en una página de inventario de renta, agrega <gspro-item-gallery></gspro-item-gallery> para mostrar los artículos. ¡Gracias!
Cambia la idea por la que tú quieras, y asegúrate de incluir tu Public Browser Key donde se indica.
En menos de 5 minutos, Lovable creará un sitio web personalizado que combine con tu estilo. ¡Abajo puedes ver un ejemplo del prompt y el sitio demo que hizo uno de los miembros de nuestro equipo!
Para personalizar tu sitio (ya sea los colores o mostrar diferentes artículos), revisa este artículo.
Copiar un sitio web existente que no está alojado en Lovable
Copiar tu sitio actual a Lovable toma solo unos minutos. Mientras tu sitio actual sea público, puedes pedirle a Lovable que lo replique.
Ve a lovable.dev y crea una cuenta en Lovable. Te recomendamos el plan Pro con 100 créditos, que cuesta $25 al mes. Es el plan más básico y te permitirá ser totalmente creativo con tu sitio personalizado.
Una vez que hayas iniciado sesión, verás una pantalla donde puedes escribir tu prompt para comenzar. Copia el siguiente prompt para recrear tu sitio actual:
Estoy creando un sitio de renta de eventos y quiero que copie <La URL de tu sitio actual>
Pon este código en el encabezado,<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>
Ponlo exactamente como aparece y no hagas ningún cambio.Asegúrate de incluir tu Public Browser Key donde se indica.
Puedes agregar lo siguiente a tu prompt si ya tienes la integración de Goodshuffle. Si apenas vas a empezar con Lovable y agregar la integración, puedes saltarte este paso.
Si puedes, revisa el HTML de goodshuffle en cada página (formateado como <gspro-item-list></gspro-item-list>) y haz que aparezcan los mismos artículos.
En unos minutos, tu sitio estará completamente reconstruido en Lovable, listo para que lo ajustes como quieras. Si tenías inventario de Goodshuffle en tu sitio anterior, ¡aparecerá en las mismas páginas! Mira los enlaces para ver un ejemplo donde Lovable recreó https://lucilleenterprises.squarespace.com/ en https://lucilleenterprises.lovable.app/. Nota importante: Esto se hizo con un solo prompt. No se hizo ninguna edición adicional y el proceso se completó en menos de 5 minutos.
Para personalizar tu sitio (ya sea los colores o mostrar diferentes artículos), revisa este artículo.
Agregar la integración a tu sitio Lovable existente
Si ya tienes un sitio en Lovable, agregar la integración es muy sencillo. Después de comprar la integración, agrega este prompt a tu sitio:
Pon este código en el encabezado,
<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>
Donde quieras mostrar artículos (por ejemplo, en una página nueva o existente de rentas), pídele a Lovable que agregue <gspro-item-gallery></gspro-item-gallery>
Para personalizar tu sitio (ya sea los colores o mostrar diferentes artículos), revisa este artículo.
¿Necesitas ayuda adicional?
Haz clic en la burbuja azul de chat en la esquina inferior de tu pantalla para enviar un mensaje a nuestro equipo de soporte—¡estamos para ayudarte!
Aviso: Este artículo fue traducido usando IA. Si tienes preguntas o necesitas aclaraciones, por favor contáctanos usando la burbuja de chat en la esquina inferior de tu pantalla.