Avisos
Vaciar todo

Pluguin de poppus  

Página 2 / 2
 
Ruben
 Ruben
Honorable Member

hola que tal estoy averiguando si existe un pluguin donde haga clic en la foto y me salga un poppus y le pueda agregar dos botones con enlaces dentro como por ejemplo la vista rapida de woocomerce?

image

solo que en vez de añadir carrito me gustataria agregar una descripcion y dos botones diferentes...

Salduos

Contenido solo visible a usuarios registrados

Citar
Respondido : 13/06/2022 8:40 am
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Ruben,

Ahora si lo veo de forma correcta:

image

Con respecto a que se visualice a un lado del otro, verífica sustituir el código que tienes por completo por este:

<p><img loading="lazy" class="size-medium wp-image-521 alignnone" src="https://www.mokcha.com.ar/wp-content/uploads/2022/06/Diseno-sin-titulo-62-300x300.jpg" alt="" width="300" height="300" srcset="https://www.mokcha.com.ar/wp-content/uploads/2022/06/Diseno-sin-titulo-62-300x300.jpg 300w,  https://www.mokcha.com.ar/wp-content/uploads/2022/06/Diseno-sin-titulo-62-150x150.jpg  150w,  https://www.mokcha.com.ar/wp-content/uploads/2022/06/Diseno-sin-titulo-62.jpg  500w" sizes="(max-width: 300px) 100vw, 300px"></p>
<p><a style="display: inline-block;padding: 16px;float: left;margin-right: 10px !important;border-radius: 8px;background-color: #25d366;color: #fff;text-decoration: none;font-family: sans-serif;font-size: 16px;" href="https://api.whatsapp.com/send?phone=3197010240285">WhatsApp</a></p>
<p><a style="display: inline-block; padding: 16px; border-radius: 8px; background-color: #25d366; color: #fff; text-decoration: none; font-family: sans-serif; font-size: 16px;" href="https://distribuidoramelisa.com">Acceder a la tienda</a></p>

Debería verse de esta forma:

image

Un saludo 🖐️ 

ResponderCitar
Respondido : 22/06/2022 2:20 am

wpdoctor-revisa-la-salud-de-tu-wordpress

Ruben
 Ruben
Honorable Member

@pepesoler

hola consulta podrias colocar el boton de acceder a la tienda al costado y no abajo?

image
ResponderCitar
Respondido : 23/06/2022 8:23 pm
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Que tal Ruben,

Yo modificaría un poco la estructura para poder disponer de la posición de los botones, sugeriría lo siguiente

<!---imagen--->
<p>
<img loading="lazy" class="size-medium wp-image-521 alignnone" src="https://www.mokcha.com.ar/wp-content/uploads/2022/06/Diseno-sin-titulo-62-300x300.jpg" alt="" width="300" height="300" srcset="https://www.mokcha.com.ar/wp-content/uploads/2022/06/Diseno-sin-titulo-62-300x300.jpg 300w, https://www.mokcha.com.ar/wp-content/uploads/2022/06/Diseno-sin-titulo-62-150x150.jpg 150w, https://www.mokcha.com.ar/wp-content/uploads/2022/06/Diseno-sin-titulo-62.jpg 500w" sizes="(max-width: 300px) 100vw, 300px">
</p>
<!---botones--->
<p style="margin: 0 auto;display: table;">
<a style="display: inline-block;padding: 16px;border-radius: 8px;background-color: #25d366;color: #fff;text-decoration: none;font-family: sans-serif;font-size: 16px;margin: 5px;" href="https://api.whatsapp.com/send?phone=3197010240285">WhatsApp</a>
<a style="display: inline-block;padding: 16px;border-radius: 8px;background-color: #25d366;color: #fff;text-decoration: none;font-family: sans-serif;font-size: 16px;margin: 5px;" href="https://distribuidoramelisa.com">Acceder a la tienda</a>
</p>

Saludos!

ResponderCitar
Respondido : 23/06/2022 8:59 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Ruben
 Ruben
Honorable Member

@bruno-vichetti

que lastima no me esta funcionando

<img class="size-medium wp-image-521 alignnone" src="http://www.mokcha.com.ar/wp-content/uploads/2022/06/Diseno-sin-titulo-62-300x300.jpg" alt="" width="300" height="300" />

<a style="display: inline-block; padding: 16px; border-radius: 8px; background-color: #25d366; color: #fff; text-decoration: none; font-family: sans-serif; font-size: 16px;" href="https://api.whatsapp.com/send?phone=3197010240285">WhatsApp</a>

<a style="display: inline-block; padding: 16px; border-radius: 8px; background-color: #25d366; color: #fff; text-decoration: none; font-family: sans-serif; font-size: 16px;" href="https://distribuidoramelisa.com">Acceder a la tienda</a>

este el codigo que coloque... estare haciendo algo mal o me falta hacer algo a mi?

image

me gustaria poder colocar boton a la derecha del otro.. 

Saludos y muchas gracias

ResponderCitar
Respondido : 28/06/2022 7:25 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Ruben.

Modifica el código por el siguiente:

<img class="size-medium wp-image-521 alignnone" src="https://www.mokcha.com.ar/wp-content/uploads/2022/06/Diseno-sin-titulo-62-300x300.jpg" sizes="(max-width: 300px) 100vw, 300px" srcset="https://www.mokcha.com.ar/wp-content/uploads/2022/06/Diseno-sin-titulo-62-300x300.jpg 300w,  https://www.mokcha.com.ar/wp-content/uploads/2022/06/Diseno-sin-titulo-62-150x150.jpg  150w,  https://www.mokcha.com.ar/wp-content/uploads/2022/06/Diseno-sin-titulo-62.jpg  500w" alt="" width="300" height="300" />

<a style="display: inline-block; padding: 16px; float: left; margin-right: 10px !important; border-radius: 8px; background-color: #25d366; color: #fff; text-decoration: none; font-family: sans-serif; font-size: 16px;" href="https://api.whatsapp.com/send?phone=3197010240285">WhatsApp</a>

<a style="display: inline-block; padding: 16px; border-radius: 8px; background-color: #25d366; color: #fff; text-decoration: none; font-family: sans-serif; font-size: 16px;" href="https://distribuidoramelisa.com">Acceder a la tienda</a>

 

Un saludo

ResponderCitar
Respondido : 28/06/2022 9:34 am

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Ruben
 Ruben
Honorable Member

@pepesoler

intente con este codigo y me sale asi...

<img class="size-medium wp-image-521 alignnone" src="https://www.mokcha.com.ar/wp-content/uploads/2022/06/Diseno-sin-titulo-62-300x300.jpg" sizes="(max-width: 300px) 100vw, 300px" srcset="https://www.mokcha.com.ar/wp-content/uploads/2022/06/Diseno-sin-titulo-62-300x300.jpg 300w, 150w, 500w" alt="" width="300" height="300" />

<a style="display: inline-block; padding: 16px; float: left; margin-right: 10px !important; border-radius: 8px; background-color: #25d366; color: #fff; text-decoration: none; font-family: sans-serif; font-size: 16px;" href="https://api.whatsapp.com/send?phone=3197010240285">WhatsApp</a>

image

estare haciendo algo mal?

me podrian corregir .. faltaría agregar un botón mas al costado del boton de whatsapp ... osea que querde proporcionado... y si se puede borrar el espacio del costado...

muchas gracias 

 

ResponderCitar
Respondido : 30/06/2022 1:16 am
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Que tal Ruben,

Parece que los codigos HTML que te estamos sugiriendo no estan funcionando del todo, inspeccionando un poco mas tu sitio puedo ver que tienes Elementor Pro disponible, te recomendaría hacer esta ventana emergente directamente desde el constructor y asi puedes darle el aspecto que deseas con los mismos módulos del constructor

image

Te comparto una guía de como puedes crearlos https://elementor.com/help/how-do-i-create-my-first-popup/

Al tenerlo listo es muy facil asignarlo solo hace falta hacerlo desde el apartado de enlace de determinada imagen o boton, por ejemplo

image
image

Es muy sencillo y me parece mas practico considerando lo que deseas lograr y es una herramienta que ya tienes

Saludos!

ResponderCitar
Respondido : 30/06/2022 3:08 am

Cursos Gratuitos WordPress

Página 2 / 2