• PymeWebApp

Añadir enlaces de llamar, SMS, email, WhatsApp e insertar HTML

Con cualquier funcionalidad que tenga posibilidad de insertar texto, como la funcionalidad de Info, Puntos de interés, Contacto o Eventos, puedes añadir enlaces especiales directos para llamar por teléfono, enviar mensajes de texto, email... y además puedes insertar código HTML.


Insertar LINK.


Desarrollo Aplicaciones Movil. PymeWebApp
Desarrollo Aplicaciones Movil. PymeWebApp

Puedes seleccionar un texto ya escrito para convertirlo en link o escribirlo en el campo Text:


Desarrollo Aplicaciones Movil. PymeWebApp
Desarrollo Aplicaciones Movil. PymeWebApp

En el campo URL sólo tienes que incluir el enlace especial que quieras insertar. Aquí te dejamos los más útiles con un ejemplo:


📞 Teléfono: tel:+3491000000

📭 Email: mailto:tucorreo@tucorreo.com

✉️ SMS: sms:+34616000000

💬 WhatsApp: https://wa.me/5211234567890?text=Saludos


Ejemplo Whatsapp.

Desarrollo Aplicaciones Movil. PymeWebApp
Desarrollo Aplicaciones Movil. PymeWebApp

Por último, y lo más importante, para que tu App abra automáticamente las Apps de Teléfono, Email, SMS o WhatsApp, asegúrate de marcar al final Open in new tab. En caso de que hayas añadido este enlace a una función de Sitio Web habilita la pestaña Abrir en navegador:



Insertar HTML.


El primer paso es activar la vista de código. Para ello pulsa el botón "Code View" (Vista de código) y activarás la visualización del código fuente del apartado que estás editando:


Desarrollo Aplicaciones Movil. PymeWebApp
Desarrollo Aplicaciones Movil. PymeWebApp

Con esta opción activada puedes empezar a editar el código para incluir funciones especiales como las que te indicamos a continuación:


Desarrollo Aplicaciones Movil. PymeWebApp
Desarrollo Aplicaciones Movil. PymeWebApp

Cómo añadir enlaces especiales (teléfono, SMS y Email) usando la vista de código.


Para comenzar recuerda activar el botón "Code View" (Vista de código) que te indicamos justo en la imagen de arriba. A continuación pega el código que te interese:


Teléfono:

<a href="+3491000000">Texto o foto para Teléfono aquí</a>


Email:

<a href="tucorreo@tucorreo.com">Texto o foto para Email aquí</a>


SMS:

<a href="sms:+34616000000"<Texto o foto para SMS aquí</a>


WhatsApp:

<a target="_blank" h​ref="https://wa.me/5211234567890?text=Saludos">Texto o foto para un envío de WhatsApp aquí</a>


Es muy importante incluir el parámetro target="_blank", de lo contrario, el dispositivo no detectará a través del navegador Chrome/Safari que WhatsApp está instalado.



Vamos a ponerte un ejemplo insertando un mapa de Google Maps:


Una vez lo actives accede a Google Maps y localiza la opción "Compartir o insertar el mapa" y selecciona "Insertar Mapa".


Copia el código generado y pégalo en el interior del código HTML donde quieras que aparezca.


Una vez lo pegues podrás ver el resultado si pulsas nuevamente el botón "Code View".


Desarrollo Aplicaciones Movil. PymeWebApp
Desarrollo Aplicaciones Movil. PymeWebApp
Desarrollo Aplicaciones Movil. PymeWebApp
Desarrollo Aplicaciones Movil. PymeWebApp


Más información

Entradas Recientes

Ver todo

Sitio Web

La funcionalidad de Sitio Web te permite integrar fácilmente páginas web dentro de tu app.