Cómo añadir un código personalizado a Instant Site
El código personalizado le permite verificar la propiedad de Instant Site y añadir una amplia variedad de elementos nuevos y contenido como chat o widgets de formularios de contenido a su sitio web. También puede integrar servicios externos (por ejemplo, reservas) con Instant Site de esta manera.
Hay dos sitios en Instant Site donde puede añadir código: la sección Encabezado y la sección Cuerpo. También puede añadir secciones dedicadas con código personalizado a páginas individuales de Instant Site.
Cómo elegir dónde añadir código
Añadir código al encabezado o cuerpo de Instant Site le permite aplicar código a todas las páginas del sitio. Pegar código en una sección de Instant Site le permite añadir código personalizado a una página en particular del sitio a la que pertenece esta sección.
Al elegir entre el encabezado y el cuerpo del Instant Site como lugar donde añadir su código personalizado, considere el propio código y su caso de uso.
Generalmente, se recomienda implementar JavaScript en el cuerpo del sitio ya que es mejor en términos de velocidad de página. Sin embargo, hay casos (por ejemplo, verificación de la propiedad del dominio) en los que el código debe añadirse a la sección Encabezado.
Asegúrese de leer las instrucciones para el código/widget de terceros que quiera añadir a su Instant Site para obtener consejos sobre dónde es mejor añadir este fragmento de código en particular.
Cómo añadir código a la sección Encabezado de su Instant Site
Insertar código en el encabezado del Instant Site será su opción si necesita verificar la propiedad de un sitio o dominio (por ejemplo, al vender o anunciarse en Facebook). Puede añadir varios códigos a la sección Encabezado.
Para añadir un código personalizado a la sección Encabezado del Instant Site:
- Desde su panel de administración de su tienda, vaya a Sitio web (o a Resumen → Gestionar Instant Site).
- Desplácese hacia abajo hasta la sección “Ajustes de SEO” y haga clic en Añadir código bajo Metaetiquetas de cabecera y verificación del sitio:
- En el campo que aparece, introduzca su código.
- Guarde los cambios.
Actualice la página de Instant Site en su navegador para ver los cambios.
Cómo añadir código a la sección Cuerpo de su Instant Site
Insertar código en el cuerpo del Instant Site será su opción si necesita implementar cualquier script personalizado. Por ejemplo, desea tener una ventana de chat de Zendesk o un widget de formulario de contacto en su sitio web. Puede añadir tantos códigos a la sección Cuerpo como necesite.
Para añadir un código personalizado a la sección Cuerpo del Instant Site:
- Desde su panel de administración de su tienda, vaya a Sitio web (o a Resumen → Gestionar Instant Site).
- Desplácese hacia abajo hasta la sección “Configuración avanzada del sitio web” y haga clic en Añadir código bajo Código JavaScript personalizado:
- En el campo que aparece, introduzca su código (no más de 4000 símbolos).
- Guarde los cambios.
Actualice la página de Instant Site en su navegador para ver los cambios.
Cómo añadir secciones de código personalizadas a páginas individuales del sitio
Puede añadir una sección del sitio dedicada con código personalizado (HTML, CSS o JavaScript) a cualquier página de Instant Site que desee. Por ejemplo, si necesita un widget de Google Calendar en su página de inicio para que los clientes puedan reservar sus clases de música, o quiere mostrar una vista en 3D de su tienda física a los compradores en la página de Contactos.
Para añadir una sección del sitio con código personalizado:
- Desde su panel de control de de su tienda, vaya a Sitio web → Editar sitio.
- (si ha añadido varias páginas a su sitio) Desde el menú desplegable Página: Página de inicio en la esquina superior izquierda, elija la página a la que quiere añadir el código.
- Haga clic en Añadir sección, luego desplácese hacia abajo hasta Soluciones avanzadas.
- En el bloque Insertar y código personalizado, haga clic en Añadir sección de código personalizado:
- Pegue su código en el campo.
- Haga clic en Atrás y arrastre y suelte la sección en la lista de secciones para cambiar su posición en la página del sitio.
- Cuando haya terminado de editar su sitio web, haga clic en el botón Publicar en la esquina superior derecha del editor.
¡Eso es todo! Ha añadido su código personalizado a una sección de Instant Site en una página. Actualice la página en su navegador para ver los cambios.