Compartir e integrar su tienda de entradas

Su tienda está lista, sus productos están rellenados, y ahora tiene que venir alguien a comprar. Este artículo trata de esa última parte: cómo llevar a su visitante hasta su tienda de entradas.

Aquí aprenderá dónde está su dirección, cómo compartirla en su sitio web y en redes sociales, cómo hacer con ella un cartel con código QR y cómo integrar la tienda en su propia página si lo desea. Si prefiere una dirección propia, como tickets.jouwvereniging.be, lea Su propio dominio.

Primero: ¿qué es en realidad un enlace?

Un enlace (también url o dirección web) es la dirección de una página en internet. Igual que una dirección postal señala exactamente un buzón, un enlace señala exactamente una página. Si la copia a mano, o si hace clic en ella, llega ahí y a ningún otro sitio.

Su tienda de entradas tiene una dirección así, y es esta:

https://{domein}/nl/s/hoevefeesten

Léala de izquierda a derecha:

Parte	Qué significa
https://	El tipo de conexión. La s significa seguro: lo que escribe su visitante va cifrado por la línea
{domein}	El nombre del ordenador donde funciona la tienda
/nl/	El idioma de la página. nl es neerlandés, fr francés, en inglés
/s/	La partícula por la que el sistema sabe que a continuación viene una tienda
hoevefeesten	Su código de organización, el nombre corto de su asociación

¿Por qué el idioma va delante?

Porque así un enlace tiene un significado, y solo uno.

Muchos sitios recuerdan su elección de idioma en una cookie (un pequeño texto que el sitio deja en su ordenador). Eso funciona perfectamente hasta que alguien reenvía ese enlace: quien lo recibe obtiene entonces el idioma que él eligió antes, no el idioma que usted pretendía. Un socio francófono que recibe el enlace de la secretaria neerlandófona ve de pronto una tienda en neerlandés.

Con el idioma en la dirección eso no puede pasar. /nl/ abre siempre el neerlandés, /fr/ siempre el francés — también por WhatsApp, también después de tres reenvíos, también en un ordenador compartido.

En la práctica eso significa: elija conscientemente qué idioma comparte. Si pone un enlace en una página francófona de su sitio web, use /fr/. Si envía un solo correo a toda su base de socios, use el idioma de ese correo. Su visitante siempre puede cambiar en la propia tienda.

Qué necesita de antemano

• Una cuenta con acceso a su backoffice; para consultar la dirección basta cualquier rol que pueda ver los ajustes o los pedidos.
• Una tienda que esté en línea. Si el interruptor La venta en línea está activada está desactivado, su visitante verá una página de error «no encontrado» en lugar de su tienda. Véase Configurar su organización.
• Para la integración: acceso a su propio sitio web y permiso para pegar código ahí.
• Diez minutos para compartirlo, media hora para un cartel.

Paso 1 — Buscar su dirección

Hay dos sitios donde encontrará su dirección, y dan lo mismo.

El más rápido: vaya a Pedidos y haga clic arriba a la derecha en Abrir la tienda. Su tienda se abre en una pestaña nueva. La dirección está arriba, en la barra de direcciones de su navegador; haga clic en ella y cópiela con Ctrl+C (en un Mac, Cmd+C).

El completo: vaya a Ajustes → Organización. Debajo del formulario está el bloque Compartir su tienda, con la dirección de su tienda lista para copiar y un enlace Abrir la tienda. Si tiene un dominio propio ya preparado, aquí verá esa dirección.

Compruebe enseguida dos cosas antes de ponerse a compartir:

1. ¿Se abre la tienda como espera, con sus productos dentro?
2. ¿Va delante el idioma tal como lo quiere compartir?

Pegue después la dirección en algún sitio donde vuelva a encontrarla — en una nota, o en un correo a sí mismo. La va a necesitar a menudo las próximas semanas.

Atención: si más adelante cambia su código de organización, su dirección cambia con él y ningún enlace que haya compartido funcionará ya. Tampoco los carteles impresos. Así que elija bien ese código una sola vez y déjelo estar.

Paso 2 — Compartir su enlace

En su propio sitio web

Ponga un botón o un enlace de texto claro con la palabra Entradas, y haga que apunte a su dirección. Póngalo arriba de su página de inicio y en cada evento, no solo en una página de «información práctica» a la que no va nadie.

Casi todos los sistemas de páginas web funcionan igual: selecciona la palabra que debe convertirse en enlace, hace clic en el icono de la cadena y pega la dirección en el campo que aparece. Configure el enlace para que se abra en una pestaña nueva cuando su sistema le ofrezca esa opción; así su visitante no pierde su propia página.

Escriba en el botón lo que va a pasar: Comprar entradas es mejor que Haga clic aquí, y mucho mejor que Más información.

En un boletín

El mismo principio, con una diferencia: no pegue nunca la dirección desnuda en el texto. Convierta una palabra en enlace. Algunos programas de correo parten una url larga en dos líneas, y entonces deja de funcionar.

Ponga el enlace al menos dos veces en su correo: una como botón arriba y otra como enlace de texto normal abajo. Hay lectores que no ven los botones o no se fían de ellos.

Pruebe siempre su boletín en su propio móvil antes de enviarlo a cuatrocientas personas. Haga clic en el enlace de verdad.

En Facebook

Tres sitios, y los tres hacen cosas distintas.

Una publicación en su página. Escriba su publicación, pegue la dirección dentro y espere dos segundos: Facebook recupera entonces por su cuenta una tarjeta de vista previa con el título y una imagen de su tienda. En cuanto aparece esa tarjeta, puede borrar la dirección de su texto — la tarjeta se queda y sigue siendo pulsable. Se lee más limpio.

El enlace en su biografía. Es el campo con su sitio web en los datos de su página. Vaya a su página, abra los ajustes o el botón de editar junto a sus datos, busque el campo Sitio web y ponga ahí su dirección. Este es el enlace que busca la gente cuando primero mira su página y solo después quiere comprar.

Un botón en su página. Arriba en una página de Facebook puede haber un botón de acción. Usted elige cuál — para una tienda de entradas, los útiles son Más información o Reservar ahora. Encontrará ese ajuste en el propio botón de su página; elige un tipo de botón, pega su dirección y guarda.

Las pantallas de Facebook cambian cada pocos meses. Si no encuentra algo, busque en su propio centro de ayuda «botón de acción» o «añadir botón a la página» — la operación en sí sigue siendo la misma: elegir botón, pegar dirección, guardar.

En Instagram

En Instagram no puede poner un enlace pulsable en una publicación normal. El texto de un pie de foto no se vuelve pulsable, por muchas veces que lo repita.

Lo que sí funciona:

1. El enlace en su perfil. Vaya a su perfil, toque Editar perfil y ponga su dirección en el campo de su sitio web. Remita a él en sus publicaciones: «entradas en el enlace de nuestra bio».
2. Un enlace en una historia (story). Ahí puede colocar un adhesivo de enlace con su dirección dentro.

Si su oferta cambia a menudo, mejor ponga en su perfil el enlace a su tienda general y no a un solo evento. Así no tendrá que cambiarlo cada mes.

En un grupo de WhatsApp

Pegue sin más la dirección en el grupo. WhatsApp hace con ella un enlace pulsable y muestra una tarjeta de vista previa.

Añada una frase que diga qué es y hasta cuándo: «Entradas para la noche de quesos y vinos del 12 de octubre, inscripciones hasta el lunes.» Un enlace desnudo en un grupo con mucho movimiento se queda atrás al bajar.

Paso 3 — Hacer un cartel con código QR

¿Qué es un código QR?

Un código QR no es otra cosa que un enlace, dibujado como un patrón de cuadraditos en blanco y negro. No tiene ninguna magia y no se envía nada: un teléfono que lo «lee» lee sencillamente esa dirección y la abre. Así que no puede hacer más que su enlace, ni tampoco menos.

Esa es también la respuesta a «¿cómo sé si mi código QR sigue funcionando?»: mientras funcione su enlace, funciona.

Así se hace uno

1. Copie su dirección como en el paso 1.
2. Vaya a un generador de códigos QR. Hay muchos gratuitos; busque «QR code generator». Elija uno que le deje descargar una imagen (png o svg) sin tener que crear una cuenta.
3. Pegue su dirección y cree el código.
4. Descárguelo preferiblemente como svg. Es un dibujo que puede ampliar sin pérdida de calidad. Si no puede, coja un png de al menos 1000 píxeles de ancho — una imagen pequeña queda granulada al imprimir, y un código QR granulado se escanea mal.

Atención: no use nunca un servicio con un código QR «dinámico» o «rastreable». Esos códigos no apuntan a su dirección sino a la del servicio, que después redirige a su visitante. Suena práctico — puede cambiar el destino más adelante —, pero también significa que su cartel deja de funcionar en cuanto ese servicio termina su periodo de prueba gratuito, cambia de nombre o cierra. Con doscientos carteles impresos, ese descubrimiento sale caro. Un código QR normal y estático que contiene directamente su dirección sigue funcionando mientras funcione su dirección, y no cuesta nada.

En el cartel

• Tamaño. Una regla práctica que funciona bien: un código QR que deba escanearse desde un metro de distancia mide al menos 3 por 3 centímetros. Si su cartel está detrás de un escaparate y su visitante está en la acera, hágalo bastante más grande — cuente con una décima parte de la distancia de lectura. En caso de duda: más grande.
• Espacio alrededor. Deje alrededor del código un margen blanco de unos cuatro cuadraditos de ancho. Sin ese margen, a la cámara de un teléfono le cuesta más encontrar el código.
• Contraste. Código oscuro sobre fondo claro. No al revés, y no sobre una foto.
• Póngale texto al lado. Un código QR desnudo se escanea menos de lo que cree. Ponga debajo lo que pasa si se escanea: Escanee para comprar entradas. Y ponga también la dirección en letras legibles, para quien prefiera escribir o cuya cámara no colabore.

Pruébelo. Dos veces.

Antes de imprimir: imprima un ejemplar en una impresora normal, cuélguelo en la pared, colóquese a la distancia a la que se pondrá la gente y escanee con su propio móvil. Que lo haga también otra persona, con un móvil de otra marca.

Después de imprimir: saque un cartel de la caja y vuelva a escanear. Una imprenta puede reducir su archivo, recortarlo o ponerlo en un papel distinto del que usted esperaba, y el papel satinado bajo un foco produce reflejos. Esto le cuesta un minuto y es la única comprobación que cuenta.

Paso 4 — Integrar la tienda en su propia página

Si quiere que su visitante no abandone su propio sitio, puede poner la tienda como bloque en una de sus páginas. Eso se llama integrar o embeber.

¿Qué es un iframe?

Un iframe es una ventana dentro de una página web en la que se muestra otra página web. Piense en un cuadro en su pared: el marco es suyo, lo que cuelga dentro viene de otro sitio. Su visitante ve su página, y dentro de ella un trozo que viene de su tienda de entradas.

El código es así:

<iframe src="https://{domein}/nl/s/hoevefeesten"
        style="width:100%;height:900px;border:0"
        title="Tickets"></iframe>

Lo que hace cada parte:

Parte	Para qué
src	La dirección de su tienda — aquí la sustituye por la suya
width:100%	El marco se hace tan ancho como el sitio que recibe
height:900px	La altura del marco, en píxeles. Véase la advertencia de abajo
border:0	Ningún borde alrededor del marco
title	Qué hay en el marco. Necesario para un lector de pantalla, así que déjelo

Cuidado con la altura. Un marco no es elástico: no crece con lo que tiene dentro. Si es demasiado bajo, su visitante tendrá que desplazarse dentro de ese marco para encontrar el botón Finalizar la compra — y ahí es exactamente donde se rompe su venta. Mejor que sobre a que falte; 900 píxeles es un comienzo razonable, y después pruébelo usted mismo en un móvil.

WordPress

1. Abra la página y haga clic en el sitio donde debe ir la tienda.
2. Haga clic en el + para añadir un bloque y busque HTML.
3. Elija el bloque HTML personalizado (en inglés Custom HTML).
4. Pegue el código de arriba en el bloque, con su dirección dentro.
5. Guarde la página y véala como visitante.

Atención con WordPress.com: en la suscripción gratuita, un iframe se recorta de su página al guardar. No es un fallo suyo ni un fallo de su bloque: WordPress.com solo permite ese código en una suscripción de pago con funciones de alojamiento. Si ve su bloque vacío después de guardar, esta es la razón. En ese caso enlace sin más, como en el paso 2.

También en una instalación propia de WordPress vale lo mismo: quien no es administrador a veces no puede colocar este código y lo ve desaparecer al guardar. Pídaselo entonces al administrador de su sitio.

Wix

En el editor clásico de Wix:

1. Haga clic a la izquierda en Añadir elementos.
2. Haga clic en Insertar código.
3. Elija, entre las inserciones populares, Insertar HTML.
4. Haga clic en Introducir código, pegue su código y haga clic en Aplicar.
5. Arrastre el marco al sitio adecuado y hágalo bien alto.

Si trabaja en Wix Studio, el camino se llama allí Añadir elementos → Insertar y social → Insertar código, y el elemento en sí se llama HTML iFrame. La operación es la misma: pegar código, aplicar.

Dos cosas del propio manual de Wix que le ayudan aquí: su código tiene que usar https:// (con http:// no aparece nada en su sitio publicado), y el marco no se adapta solo a una pantalla pequeña. Así que ponga su anchura al 100 % y compruebe su página en un móvil.

Squarespace

1. Edite la página y haga clic en el + para añadir un bloque.
2. Elija el bloque Código.
3. Haga clic en el lapicero para abrir el bloque y pegue su código.
4. Guarde.

Atención: aquí hace falta una suscripción de pago. Squarespace solo permite código iframe y JavaScript en un bloque de código a partir de sus planes de pago (Core y superiores). En un sitio de prueba o en un plan gratuito no funciona.

Y una peculiaridad que hace pensar a los principiantes que está roto: mientras esté conectado como administrador, Squarespace a veces no le muestra su propio código, aunque los visitantes sí lo ven sin problema. Use su botón Preview in Safe Mode, o mire en una ventana privada de su navegador, antes de decidir que no funciona.

Google Sites

1. Abra su sitio y haga clic a la derecha en Insertar.
2. Haga clic en Insertar (embed).
3. Elija Insertar código y pegue su código.
4. Haga clic en Siguiente y después en Insertar.
5. Arrastre el marco para hacerlo grande y haga clic arriba a la derecha en Publicar.

También puede integrar la tienda como una página completa: Páginas → Añadir → Página integrada completa. Eso le da más altura y menos desplazamiento dentro de un marco.

No se olvide de Publicar. Lo que ve en el modo de edición todavía no es lo que ve su visitante.

Las desventajas de integrar, con franqueza

Integrar no sale gratis, aunque no cueste nada.

• La altura sigue siendo una apuesta. Un carrito que se hace más largo que su marco obliga a su visitante a desplazarse dentro de un marquito. En un móvil resulta incómodo.
• Dos barras de desplazamiento. La página se desplaza y el marco se desplaza. Ahí la gente se pierde.
• Su propio sitio determina la velocidad. Si su web es lenta, su tienda es lenta — aunque la tienda en sí funcione con soltura. Enlazando, su visitante no sufre eso.
• No todos los constructores lo permiten. En un sitio gratuito de WordPress.com y en un Squarespace sin plan de pago sencillamente no funciona.

Si no funciona, o si duda: enlace sin más. Un botón claro de Comprar entradas que abre su tienda vende mejor que un marquito que funciona a medias, y no hay nada que se pueda romper.

El pago se hace en la ventana completa

Si su tienda está integrada en su propia página, su visitante elige sus entradas dentro del marco. Cuando hace clic en Finalizar la compra, la página de pago se abre en la ventana completa de su navegador, en la dirección de su tienda.

Es intencionado. Los proveedores de pago como Mollie y Stripe no muestran su pantalla de pago dentro de un marco, y los navegadores no conservan los datos de la cesta en un marco que procede de otro sitio. Después de pagar, su visitante llega a la página de confirmación de su tienda, con sus entradas. No tiene que configurar nada.

Errores frecuentes

Compartir el enlace con el idioma equivocado dentro. Envía /nl/ a sus socios francófonos. Mire el trozo que va después del dominio antes de enviar.

Cambiar el código de organización después de imprimir los carteles. Cada código QR en papel deja entonces de apuntar a ningún sitio. No cambie su código una vez que lo haya compartido.

Usar un código QR de un servicio gratuito con periodo de prueba. Al cabo de treinta días su cartel apunta a una página publicitaria de ese servicio. Use un código estático que contenga directamente su dirección.

Hacer un iframe demasiado bajo. Su visitante ve los productos, pero no el botón para pagar. Pruebe en un móvil, no solo en su portátil.

No hacer clic nunca usted mismo en el enlace. Pruebe cada sitio donde lo ponga, en su propio móvil, antes de soltarlo a su público.

Qué pasa si …

¿Qué pasa si mi visitante ve «no encontrado» o una tienda vacía?

Una página de error «no encontrado» suele significar que el interruptor La venta en línea está activada está desactivado, o que la dirección no es correcta (cuidado con su código de organización). Vaya a Ajustes → Organización y mire la pestaña Su tienda. Véase Configurar su organización.

Si pone «Todavía no hay nada a la venta», su tienda sí funciona, pero no hay ningún producto a la venta. Véase Productos y precios.

¿Qué pasa si no encuentro mi tienda en Google?

Eso puede significar dos cosas. O bien el interruptor Publicado está desactivado — entonces su enlace sigue funcionando para quien lo conozca, pero a los buscadores no se les ofrece. O bien su tienda lleva poco tiempo ahí; los buscadores necesitan tiempo.

En cualquier caso, no cuente con Google para su venta de entradas. Su público llega por sus propios canales: su boletín, su página, su cartel.

¿Qué pasa si mi tienda integrada se queda vacía?

Mire en este orden:

1. ¿Pone https:// en su código, y no http://?
2. ¿Sigue estando el código después de guardar? Vuelva a abrir el bloque. Si ha desaparecido, su constructor de páginas web lo recorta — véanse las advertencias de arriba sobre WordPress y Squarespace.
3. Mire su página en una ventana privada o como visitante no conectado. Algunos constructores no muestran el código integrado a quien está conectado.

Si sigue vacía: enlace sin más. No es una derrota, es la forma que mejor funciona.

¿Qué pasa si el código QR de mi cartel no se escanea?

A menudo es demasiado pequeño, está demasiado pegado a otra tinta, o el archivo se ha impreso con una resolución demasiado baja. Amplíelo, deje un margen blanco alrededor y vuelva a imprimir a partir de un svg o de un archivo png grande. Pruebe con dos móviles distintos.

¿Qué pasa si tengo que indicar mi enlace en un anuncio impreso?

Ponga la dirección completa en letras legibles, con el idioma dentro, y ponga un código QR al lado. Quien escribe, escribe; quien escanea, escanea. Una dirección propia se lee bastante mejor en papel — véase Su propio dominio.

Preguntas frecuentes

¿Puedo crear un enlace que lleve directamente a un solo evento? No a una página aparte: su enlace siempre abre toda su tienda, con todo lo que vende uno debajo de otro. Con un producto con franjas horarias se puede ir más al grano: en su tienda, haga clic en Elija una hora en ese producto y copie después la dirección de la barra de direcciones. Ese enlace abre su tienda con el calendario de ese producto ya abierto.

¿Seguirá funcionando mi enlace antiguo si cojo un dominio propio? Sí. La dirección en la plataforma sigue existiendo junto a su propio dominio. Véase Su propio dominio.

¿Tengo que imprimir un código QR aparte para cada idioma? No hace falta. Elija el idioma de su público y deje que su visitante cambie en la propia tienda. En un cartel bilingüe sí que hay dos códigos, cada uno con su idioma — ponga entonces claramente NL y FR al lado.

¿Integrar es mejor para mi marca que enlazar? Apenas. Su visitante ve en ambos casos su logotipo y sus colores, porque están en su propia tienda. Si de verdad quiere su nombre en la barra de direcciones, un dominio propio es el mejor camino, y puede combinarlo con un enlace normal.

¿Puedo ver cuánta gente ha hecho clic en mi enlace? Lo que sí ve en cualquier caso es lo que ha dado de sí: sus pedidos, con el canal al lado. Véase Seguimiento de pedidos.