Con el componente Shopify , puedes vincular tu tienda Shopify con tu aplicación y exhibir/vender tus productos usando tu aplicación.
Para conectar tu sitio web de Shopify con tu aplicación, sigue los pasos que se indican a continuación:
Paso 1: inicia sesión en el panel de administración de tu tienda Shopify y haz clic en Aplicaciones. Una vez dentro de la sección Aplicaciones, haz clic en el botón "Desarrollar aplicaciones para tu tienda".
Paso 2: serás redirigido a una nueva página, donde podrás crear una nueva aplicación privada para tu empresa. Haz clic en 'Crear una aplicación' para crear un nuevo escaparate para tu tienda Shopify.
Paso 3: Asigna un nombre a esta aplicación y haz clic en el botón Crear aplicación.
Paso 4: en la pestaña Descripción general, haz clic en el botón Configurar alcances de la API Storefront.
Paso 5: Marca todas las opciones para permitir el acceso a tu tienda y haz clic en el botón Guardar.
Paso 6: Ahora haz clic en la pestaña Credenciales API y luego haz clic en el botón Instalar aplicación.
Paso 7: Haz clic en el botón Instalar en el cuadro del mensaje emergente.
Paso 8: Una vez que instales la aplicación, recibirá el token de acceso a la API Storefront, que será necesario para acceder a tu tienda Shopify desde tu aplicación. Copia este código y pégalo en un bloc de notas.
Paso 9: ahora agrega el componente Shopify a su Tablero. Haz clic en la sección Crear de tu panel y haz clic en la sección Páginas.
Crea una nueva página haciendo clic en el signo + junto a la opción Páginas.
Paso 10: una vez que hayas agregado o seleccionado la página en la que deseas agregar el componente Shopify, haz clic en el signo + junto al título de su página.
Paso 11: Selecciona el componente Shopify de la pestaña Ecommerce y haz clic en el botón Agregar componente Shopify para agregarlo a tu página seleccionada.
Paso 12: ahora copia tu nombre de dominio de Shopify y la clave de API Storefront de tu tienda Shopify (que almacenaste en un bloc de notas del Paso 8) y pégalos dentro de la pestaña de contenido del componente de Shopify en tu Tablero.
Paso 13: puedes configurar el componente Shopify según tus necesidades. Si no deseas mostrar productos "agotados" en tu aplicación, puedes desactivarla con el botón de alternancia.
También puedes mostrar productos específicos en tu aplicación seleccionando la categoría de productos desde la configuración del componente Shopify.
Nota : puedes usar una página de pestaña o una página anidada si deseas mostrar varias categorías relacionadas.
Publica tu aplicación una vez que hayas realizado todos los cambios, para que se reflejen correctamente en tu aplicación móvil.