Inicio>Contenido

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

La sección Insertar código le permite mejorar su sitio web con una variedad prácticamente ilimitada de funciones adicionales. Con solo unos clics, puede crear formularios de contacto personalizados, agregar servicios de reserva o registro a eventos, exhibir un calendario de Google y más.

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). Consulte nuestro artículo sobre cómo agregar código al encabezado de su sitio web para obtener más detalles sobre cómo usar el código del encabezado.

¿Cómo funciona? Es muy sencillo:

  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. Si necesita ideas, consulte las sugerencias al final de este artículo para conocer algunas de las muchas aplicaciones posibles.
  2. Agregue una sección Insertar código a cualquier página estándar en su sitio web.
  3. Pegue el código de terceros en la sección Insertar código y personalice la apariencia como lo desee.
  4. Publique su sitio web para que la nueva sección esté disponible para sus visitantes.

ep-embed-code-section-add-new

Para comenzar, vaya al editor de sitios, seleccione una página a la cual agregar el código y, luego, haga clic en Agregar sección a la izquierda. Haga clic en la sección Insertar código en la lista y, luego, en el botón Agregar en la esquina superior derecha para agregarlo a la página. Hay diferentes diseños disponibles para insertar código. ¿Cuál debe elegir? Depende de qué agregue y cuánto espacio necesite. El diseño con el texto especificado anteriormente proporciona un espacio más ancho para los artículos insertados, mientras que el diseño con el texto a la derecha tiene un área más estrecha. Puede cambiar esto más adelante, así que haga clic en el que le guste más si no está seguro de cuál elegir.

ep-embed-code-section-added-new

Haga clic en Insertar código a la izquierda para agregar el código de terceros y personalizar la apariencia de la sección.

Las siguientes opciones están disponibles en los ajustes. Si hace clic en un artículo a la izquierda, sus opciones se expandirán y se destacará el área correspondiente en la página a la derecha.

Diseño: elija un estilo de diseño diferente para la sección.

Título: cambie la fuente, el color y el formato predeterminados 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. Nuevamente, 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.

Estilo de la sección: cambie la alineación de la sección (izquierda o centro) y configure una imagen o un color de fondo.

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.

¿Busca inspiración? Aquí encontrará algunas sugerencias sobre cómo usar la sección Insertar código:

¿Necesita más funciones avanzadas que las que están disponibles en el formulario de contacto integrado? Pruebe crear e insertar un formulario personalizado de uno de estos proveedores: JotForm, Honeybook o Typeform

¿Permite a sus clientes hacer reservas por adelantado? Proporcióneles incluso más opciones al agregar un widget de reserva de uno de estos proveedores:
Tock u OpenTable

¿Vende entradas para un evento? Agregue un widget de EventBrite para permitir a las personas comprar 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 “integrar un formulario de registro de boletín” o “insertar código de reproductor de audio”.

Importante: 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 adicionales por accidente. Si aún no está seguro, siempre puede eliminar la sección Insertar código de la página e intentar solucionar los problemas nuevamente. Si eliminar la sección resuelve el problema, debe consultar al proveedor del código para confirmar que lo está usando correctamente.

No podemos proporcionar solución de problemas detallada para los problemas que surjan del uso de código insertado de terceros debido al amplio rango de usos y posibles problemas.

¿Todavía necesita ayuda? Aprenda de nuestra comunidad de vendedores

Visitar la comunidad de vendedores