Get Started

Conectando tu tienda #

1. Agregar tienda #

Después de iniciar sesión en my.clerk.io, lo primero que debes hacer es agregar tu tienda:

1. Escribe el Nombre y Dominio de tu tienda en línea.

2. Elige el Idioma y Moneda, y selecciona BigCommerce como la Plataforma.

3. Haz clic en Agregar tienda.

2. Configura tu tienda BigCommerce #

Para configurar correctamente tu tienda BigCommerce, necesitarás ir al backend de tu tienda en línea y en Configuraciones avanzadas->Cuentas API. Desde aquí crearás una nueva Cuenta API:

1. Nombra la nueva Cuenta API Clerk.

2. En la Ruta API encontrarás el Hash de la tienda que es tu identificador de tienda, la Ruta API se verá así https://api.bigcommerce.com/stores/123456/ los 6 dígitos son tu Hash de tienda (123456);

3. En el área debajo de la Ruta API encontrarás los Alcances OAuth, selecciona donde sea posible Solo lectura (si no es aplicable selecciona Ninguno) y Guarda los cambios;

4. En el pop-up que aparecerá encontrarás las credenciales API que necesitas: ID de cliente, Secreto de cliente y Token de acceso.

3. Sincroniza tu tienda #

Desde el menú principal de my.clerk.io ve a Datos. Desplázate hacia abajo hasta que veas a la derecha Método de sincronización, selecciona BigCommerce de la lista desplegable.

Pega la información que recopilaste en el backend de tu tienda y presiona Guardar.

Después de configurar la cuenta API, simplemente necesitas sincronizar tu tienda.

En la página de Datos, donde has pegado la información de tu tienda en línea, desplázate hacia arriba hasta que veas Iniciar nueva sincronización de datos, haz clic en ello.

Ahora tu tienda está conectada a Clerk :)

Previsualizando elementos #

Para comenzar a previsualizar los elementos de Clerk.io en tu tienda en línea, primero necesitarás acceder al tema que has utilizado para agregar Clerk.io.

Inicia sesión en el portal de administración de BigCommerce de tu tienda, luego elige “Tienda” > “Mis temas” desde el menú de la izquierda:

Una vez que hayas encontrado tu tema, haz clic en los tres puntos en la esquina inferior derecha, luego elige “Personalizar”:

Después de hacer clic en “Personalizar”, se te dará la opción de seleccionar un estilo de tema para personalizar. Asegúrate de que este estilo coincida con el del tema que has elegido (por ejemplo, si estás trabajando con “Tema Claro”, elige “Claro” aquí):

Elige el estilo del tema, luego haz clic en “Continuar.”

Una vez que estés en la página de Previsualización, asegúrate de seleccionar “Previsualizar” en la parte superior de la pantalla. En la esquina superior izquierda, puedes elegir la página específica de la tienda en línea que deseas previsualizar, Página de inicio en este ejemplo:

Nota:

En modo de previsualización, BigCommerce no te permite llevar variables a una página a la que se accede al hacer clic. Por ejemplo, si agregas productos al carrito en Previsualización, no estarán en el carrito una vez que hagas clic.

Para probar los elementos de Clerk.io que requieren que las variables se muevan de página a página, asegúrate de “codificar” esas variables para probar. Por ejemplo, establece tu consulta de búsqueda en una palabra clave específica, o elige un ID de producto específico agregado al carrito.