Actualizaciones de sistema

Estamos experimentando problemas que pueden afectar a sus servicios Square. Continuaremos actualizando nuestra página de estado con más información.

Inicio>Diseño

Agregar contenido externo y widgets con código para insertar en Ventas en línea Square

Nota: No podemos brindar solución de problemas detallada para los problemas que surjan del uso de código insertado HTML/CSS de terceros en nuestro Centro de Atención al Cliente. Para obtener ayuda con el código, consulte a un experto en códigos.

La sección Insertar código en el Editor del sitio de Ventas en línea Square le permite mejorar su sitio web con una variedad prácticamente ilimitada de funciones adicionales. Puede crear formularios de contacto personalizados, agregar servicios de reserva o registro a eventos, exhibir un calendario de Google y mucho más.

Nota: Tenga en cuenta que este artículo describe cómo insertar código que se mostrará en las páginas de su sitio web (p. ej., un widget de reserva o calendario de eventos) en vez de otros tipos de código que no están destinados a ser visibles y deben insertarse en el encabezado de su sitio web (p. ej., Google Analytics o píxeles de Facebook). Obtenga más información sobre cómo agregar código al encabezado de su sitio web cómo usar el código del encabezado.

Agregue un código para insertar

ep-embed-code-section-add-new

Para agregar un código para insertar a su sitio web, siga las instrucciones a continuación:

  1. Obtenga un código para insertar de un proveedor de terceros y cópielo en su portapapeles o en un archivo de texto sin formato.

  2. Agregue una sección de código insertado a cualquier página estándar de su sitio web en Editor del sitio de Ventas en línea Square. Obtenga más información sobre cómo agregar secciones a Ventas en línea Square.

  3. Pegue el código de terceros en la sección Insertar código y personalice la apariencia de la sección como lo desee.

  4. Haga clic en Publicar para que se apliquen los cambios.

ep-embed-code-section-added-new

Personalice la sección Código de integración

Utilice los ajustes en el menú Editor del sitio de Ventas en línea Square para agregar su código de terceros y personalizar la apariencia de la sección.

Las siguientes opciones se encuentran disponibles en Contenido:

  • Título: cambie la fuente, el color y el formato del texto del título. También puede desactivar el título para que no se muestre en la sección.

  • Descripción: cambie la fuente, el tamaño y el color del texto de la descripción debajo del título. Puede desactivar esta opción si no la necesita.

  • Insertar código: pegue el código de terceros aquí para agregarlo a la sección en su página.

Las siguientes opciones se encuentran disponibles en Personalizar:

  • Diseño: hay diferentes diseños disponibles para insertar código, dependiendo de qué agregue y cuánto espacio necesite.

  • Estilo de la sección: cambie la alineación de la sección y configure una imagen o un color de fondo.

Ejemplos de uso del código para insertar

ep-embed-code-iframe

Aquí hay un ejemplo de cómo usar la sección Insertar código para agregar un calendario de Google a la página. Google genera automáticamente código para insertar con lo que se conoce como un iframe para mostrar el calendario mediante un enlace directo. Esta es una manera muy común de integrar código de terceros en un sitio web, pero la mayoría de los demás métodos funcionarán de manera similar, lo que significa que lo único que debe hacer es copiar el código del proveedor y pegarlo en la sección Insertar código.

Si busca inspiración, aquí encontrará algunas sugerencias sobre cómo usar la sección Insertar código:

  • Si necesita más funciones avanzadas que las que están disponibles en el formulario de contacto, pruebe crear e insertar un formulario personalizado de uno de estos proveedores: JotForm, Honeybook o Typeform.

  • Si necesita que sus clientes hagan reservas por adelantado, proporcióneles incluso más opciones al agregar un widget de reserva de uno de estos proveedores:
    Tock o OpenTable.

  • Para vender entradas para un evento, intente agregar un Widget de EventBrite para permitir que los clientes compren entradas en línea.

  • Muestre a sus clientes cómo llegar a su negocio con un mapa de Google integrado.

Estos son solo algunos de los miles de usos para esta función potente y flexible. Muchos sitios web ofrecen una manera de insertar sus herramientas con código, por lo que es probable que encuentre la manera de satisfacer casi cualquier necesidad. Intente buscar lo que desea en Internet con frases como “insertar un formulario de registro de boletín” o “insertar código de reproductor de audio”.

Nota: Pegar código inválido o incompleto puede causar problemas con su sitio web. Si no puede ver el código o ve algo incorrecto, compruebe que el campo de inserción de código incluya todo el código. Intente publicar su sitio web para ver si el código que agregó está funcionado como lo esperaba. Puede ver resultados inesperados, por ejemplo, si no pegó todo el código o si insertó caracteres extra por accidente. Si aún no está seguro, siempre puede eliminar la sección Insertar código de la página y publicar el sitio nuevamente. Si eliminar la sección resuelve el problema, debe consultar al proveedor del código para confirmar que lo está usando correctamente.