Avisos
Vaciar todo

Pluguin de poppus  

Página 1 / 2
 
Ruben
 Ruben
Noble 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
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Ruben.

No sé si esta consulta hace referencia a las que vimos anteriormente,

Puedes  seguir los mismos pasos que vimos anteriormente.

 

Un saludo

 

ResponderCitar
Respondido : 13/06/2022 11:00 am

Cursos Gratuitos WordPress

Ruben
 Ruben
Noble Member

@pepesoler

No la consulta es totalmente diferente, estoy buscando un pluguin donde pueda hacer clic en un logo o imagen y  se abra un poppus (como la de la vista rapida de woocomerce) y dentro de ese poppups haya una foto y le pueda agregar una descripción y botones de enlaces, espero poderme explicado correctamente saludos

 

ResponderCitar
Respondido : 13/06/2022 10:38 pm
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Que tal Ruben,

Este Logo o imagen que deseas que sea quien ejecute la invocación de la ventana emergente debes tener presente que no puede ser cualquiera ya que a dicha imagen o boton debes estipularle una clase para que el popup pueda funcionar

Échale un vistazo a la siguiente guía que trata al respecto https://soporteforo.webempresa.eu/guia/guia-de-popup-maker/

Saludos!

ResponderCitar
Respondido : 13/06/2022 10:46 pm

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

Ruben
 Ruben
Noble Member

@bruno-vichetti

Respondido por: @bruno-vichetti

Este Logo o imagen que deseas que sea quien ejecute la invocación de la ventana emergente debes tener presente que no puede ser cualquiera ya que a dicha imagen o boton debes estipularle una clase para que el popup pueda funcionar

hay una posibilidad de Crearlo? existe una manera?

Respondido por: @bruno-vichetti

Échale un vistazo a la siguiente guía que trata al respecto https://soporteforo.webempresa.eu/guia/guia-de-popup-maker/

 

Gracias pero no es lo que estoy buscando....

ResponderCitar
Respondido : 14/06/2022 2:45 am
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Ruben,

Puedes enviarnos un ejemplo de lo que estas buscando? directamente con ese complemento y guia que te compartió Bruno me parece que puedes hacerlo sin embargo si ya la has leído y nos indicas que no es asi, es posible que no estemos entendiendo lo que buscas.

Si nos compartes un ejemplo quizás podamos verlo mejor.

Un saludo 🖐️ 

ResponderCitar
Respondido : 14/06/2022 3:41 am

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

Ruben
 Ruben
Noble Member

@argenis

por ejemplo vieron que aca hice clic en la imagen y se agrando 

image

ahi dentro agregarle dos botones con enlances., quería saber si eso se tiene que hacer con código o existe plugin para eso?

 

lo que quiero hacer es poner los logos de cada locales al hacer click en la imagen, la imagen se agrande y haya dos botones uno para conectarlo con whatsaap y otro para llevarlo a la web !

Saludos

 

 

ResponderCitar
Respondido : 14/06/2022 6:03 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Ruben.

Puedes utilizar el modulo " Lightbox & Modal "

.- En la opción " settings " selecciona como tipo " Imagen " y cargas la imagen que quieres mostrar:

screenshot mary52.webempresa.eu 2022.06.14 12 26 18

.- En al Opción content puedes añadir el texto y los botones que se mostrara al activar el PopUp:

screenshot mary52.webempresa.eu 2022.06.14 12 29 34

Para los botones puedes utilizar html, por ejemplo para el de WhatsApp :

<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://api.whatsapp.com/send?phone=3197010240285">Contact us on WhatsApp</a></p>

Para el de la URL de la tienda:

<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://URL_Tienda.com">Acceder a la tienda</a></p>

 

screenshot mary52.webempresa.eu 2022.06.14 12 42 01

 

Un saludo

ResponderCitar
Respondido : 14/06/2022 11:43 am

Ruben
 Ruben
Noble Member

@pepesoler

Buenísimo me funciono, pero me gustaría poder hacerlo un poco mas prolijo... quisiera colocarle una foto arriba de los botones

 

image

pero me pasa esto y lo que quiero es hacer colocar los botones por debajo de la imagen....

Diseño sin título (67)
ResponderCitar
Respondido : 18/06/2022 7:51 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Ruben.

Ok por favor adjunta la URL donde tienes añadido el PopUp paar que podamos revisarlo.

 

Un saludo

ResponderCitar
Respondido : 18/06/2022 11:45 am

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

Ruben
 Ruben
Noble Member

@pepesoler

http://www.mokcha.com.ar/almacen-coreano/

esta es la urL

ResponderCitar
Respondido : 20/06/2022 8:08 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Ruben.

Revisando el código veo que la imagen esta incrustada en el boton de WhatsApp.

Modifica el código por el siguiente:

<p><img class="alignnone size-medium wp-image-521" src="http://www.mokcha.com.ar/wp-content/uploads/2022/06/Diseno-sin-titulo-62-300x300.jpg" alt="" width="300" height="300" /></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://api.whatsapp.com/send?phone=3197010240285">Contact us on 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>

 

Si te das cuenta hemos separado la imagen y los botones por lineas añadiendo la etiqueta <p>.....</p> para cada elemento.

 

Un saludo

ResponderCitar
Respondido : 20/06/2022 11:21 am

Cursos Gratuitos WordPress

Ruben
 Ruben
Noble Member

@pepesoler

Genial creo que esta funcionando, un detalle mas, podrias colocar el boton de acceder a la tienda al costado y no abajo?

image
ResponderCitar
Respondido : 21/06/2022 12:53 am
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Ruben,

Lo veo de esta forma:

image

Ya has agregado como te comenta Pepe? vacia la cache para verificar qu eno sea que no estas entregando la web con el cambio hecho a los visitantes

Un saludo 🖐️ 

ResponderCitar
Respondido : 21/06/2022 1:03 am

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

Ruben
 Ruben
Noble Member

@argenis

Coloque este código

<p><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" /></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://api.whatsapp.com/send?phone=3197010240285">Contact us on 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>

image
image

 Me gustaria que este al costado el boton

 

ResponderCitar
Respondido : 22/06/2022 2:09 am
Página 1 / 2