Crear Nuestro Autolike Perfecto para WP Crear Nuestro Autolike Perfecto para WP
Crear Nuestro Autolike Perfecto para WP
Página 1 de 17 12311 ... ÚltimoÚltimo
Mostrando resultados del 1 al 10 de 169
  1. #1
    Crear Nuestro Autolike Perfecto para WP
    Hola a todos, hoy os traigo un tutorial que a más de uno le encantará. Se trata de crearnos nuestro propio autolike, con estilo profesional, elegante y totalmente responsive. Sí, lo habéis leido bien, es compatible con cualquier dispositivo móvil, android, tablet, laptop, y por supuesto, también en nuestra pc de toda la vida. Podremos elegir si queremos que aparezca solo en la home, solo en los posts o en determinados posts que nosotros indiquemos.....hay un muchas posibilidades.

    Comencemos amigos mios

    Nuestro primer paso será descargarnos un plugin del repositorio oficial de wordpress. Aquí lo tenéis:
    https://wordpress.org/plugins/social-popup/

    Una vez descargado e instalado en nuestro wordpress, lo activamos y veremos la siguiente pantalla con diferentes configuraciones.

    Invitados no pueden ver imágenes en los mensajes. Por favor regístrate en el foro.
    Vemos que la primera flecha indica si activamos o desactivamos el popup y la segunda flecha indicaremos la url de nuestra fanpage.

    Las demás opciones restantes no creo que necesiten de explicación. Las podéis configurar a vuestro gusto.

    Nuestro segundo paso será ir a la pestaña de diseño del plugin

    Invitados no pueden ver imágenes en los mensajes. Por favor regístrate en el foro.
    En la cajita de edición de html pondremos el siguiente código para dar a nuestro pop el estilo visual necesario para que muestre en pantalla.

    Código:
    <center><div id='spu-title'><h3>Bienvenido</h3></div></center>
    <div id='spu-msg-cont'>
         <div id='spu-msg'>
         <center><img src="http://i.imgur.com/PZ5Tsel.jpg"/></center>
         <div id="iframe"><center><img src="http://i.imgur.com/wdzrQKX.jpg"></center><div style="z-index: 9889;position: absolute;top: 54%;left: 34%;text-align: center;opacity: 0"><center>{facebook}</center><div>
         </div>
        <div class='step-clear'></div>
    </div>
    Llegado este punto, ya tendremos nuestro autolike casi funcionando a la perfección en nuestra web, pero debemos configurar un par de cosas para que tambíen sea visible en celulares.

    Iremos a la pestaña de Opciones de visualización

    Invitados no pueden ver imágenes en los mensajes. Por favor regístrate en el foro.
    La flecha negra indicaremos "Activar" para que nuestro popup también aparezca en celulares y tablets.

    Todas las demás opciones las activamos en todas las casillas como aparece en la imagen.

    Finalmente, guarderemos los cambios y todo ya estará listo con nuestro popup funcionando al 100%. os recuerdo que el código que os he dado para que lo pegéis en el apartado de diseño no debéis modificarlo, ya que está totalmente optimizado y adaptado para que el boton del like sea funcional. Mediante los divs, el botón del like queda oculto e invisible por debajo del botón "cerrar", por tanto, cuando el usuario haga click en el botón cerrar, dará like a nuestra fanpage. Despues de esto, el popup se cerrará automáticamente y todo transcurrirá de forma "normal", haciendo creer al usuario que solo ha cerrado un popup de bienvenida, pero nosotros sabemos que el usuario ha hecho algo más que eso . Con cada click en el botón Cerrar, ganaremos un fan nuevo en nuestra fanpage.

    Como siempre, podeís ver un demo en mi web. Si no os aparece el popup, no penséis que no funciona, es porque yo lo desactivo a determinadas horas del día, pero vosotros lo podéis tener activado las 24 horas si así lo deseáis.

    Cualquier duda, podéis escribidme y os las resolveré a la mayor brevedad posible.
    Última edición por Salvamagic2013; 01-abr-2016 a las 18:34

  2. #2
    Registro
    02-octubre-2010
    Ubicación
    España
    Mensajes
    3.249
    Salvamagic2013

    Genial el tuto, pero no se puede hacer algo por el estilo , pero en vez de dar me gusta a una determinada fanpage. Dar me gusta a un determinado enlance ?

    Seria genial
    Citar Citar  

  3. #3
    Cita Iniciado por bettotheflayer Ver Mensaje
    Salvamagic2013

    Genial el tuto, pero no se puede hacer algo por el estilo , pero en vez de dar me gusta a una determinada fanpage. Dar me gusta a un determinado enlance ?

    Seria genial
    También se puede, solo habría que cambiar la url en Configuración general del plugin. Es muy sencillo.
    Citar Citar  

  4. #4
    Gracias!!!, lo pondre en practica a ver que tal va.
    Citar Citar  

  5. #5
    Registro
    02-octubre-2010
    Ubicación
    España
    Mensajes
    3.249
    Cita Iniciado por Salvamagic2013 Ver Mensaje
    También se puede, solo habría que cambiar la url en Configuración general del plugin. Es muy sencillo.
    No tengo muchos conocimientos, si tienes tiempo algun dia para hacer otro tutorial enseñando , te lo agradeceria enormemente.


    Me acuerdo de que ciclow enseño algo similar a lo que yo deseo hace tiempo. Pero era demasiado codigo para mi.
    Citar Citar  

  6. #6
    Cita Iniciado por bettotheflayer Ver Mensaje
    No tengo muchos conocimientos, si tienes tiempo algun dia para hacer otro tutorial enseñando , te lo agradeceria enormemente.


    Me acuerdo de que ciclow enseño algo similar a lo que yo deseo hace tiempo. Pero era demasiado codigo para mi.
    Tienes que poner la url de tu web donde Pone Facebook, en la caja de la seguna flecha

    Invitados no pueden ver imágenes en los mensajes. Por favor regístrate en el foro.
    Citar Citar  

  7. #7
    Registro
    02-octubre-2010
    Ubicación
    España
    Mensajes
    3.249
    Cita Iniciado por Salvamagic2013 Ver Mensaje
    Tienes que poner la url de tu web donde Pone Facebook, en la caja de la seguna flecha

    Invitados no pueden ver imágenes en los mensajes. Por favor regístrate en el foro.
    Ah era solo eso jajaja xD Que Noob soy, gracias vamos a probar
    Citar Citar  

  8. #8
    Cita Iniciado por bettotheflayer Ver Mensaje
    Ah era solo eso jajaja xD Que Noob soy, gracias vamos a probar
    Estoy aquí para resolver dudas como la tuya.
    No te sientas Noob, siempre habrá algo nuevo que aprender. Yo también lo soy en otras muchas cosas.
    Citar Citar  

  9. #9
    Gracias por el aporte.
    Citar Citar  

  10. #10
    Crear Nuestro Autolike Perfecto para WP
    Muy buen tutorial!
    Citar Citar  

Página 1 de 17 12311 ... ÚltimoÚltimo

Temas similares

  1. Tutorial: Truco para crear autores invitados con nuestro mismo correo electrónico en WordPress
    ¡Hola gente! Hace unas semanas leí un truco en MiPosicionamientoWeb.es que a más de uno le sonará; a la hora de invitar a una persona a escribir...
    Respuestas: 10
    Último mensaje: 31-mar-2016
  2. Tutorial: Cómo crear un sitemap para nuestro blog en Blogger
    Hola compañeros! Hoy me gustaría compartir con todos vosotros un Tutorial muy sencillo acerca de cómo crear un sitemap para nuestro blog en...
    Respuestas: 15
    Último mensaje: 26-ene-2015
  3. Cómo crear el post perfecto por MyCleverAgency
    Antes de empezar con el post, aclaro que éste hilo tiene como fuente el siguiente enlace How To Create The Perfect Pinterest, Google+, Facebook &...
    Respuestas: 2
    Último mensaje: 20-jul-2013
  4. Crear respaldo del contenido de nuestro navegador
    Hola, en esta ocasión hago un pequeño receso y aportación de una herramienta muy buena y fácil de usar. Se llama Browser Backup, la cual genera un...
    Respuestas: 0
    Último mensaje: 10-jul-2013
  5. Cómo escribir el artículo perfecto para nuestro blog (cortesía de DIYThemes)
    Esta imagen ayuda muchísimo (está en inglés, sorry!): http://cdn.socialtriggers.com/wp-content/uploads/2012/06/perfectblogpost1.png He querido...
    Respuestas: 5
    Último mensaje: 06-jul-2012

Normas de publicación

  • No puedes crear nuevos temas
  • No puedes responder mensajes
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •