Web Pro Afiliacion

Web Pro Afiliación

dominio: https://www.cursosdeoferta.com/

https://www.cursosdeoferta.com/costura-premium-venta

alimentacion complementaria para bebes
https://alimentacioncomplementaria.xyz/

seminariosworldwide.com/bebes (off)
https://www.facebook.com/alimentacioninfatil/

Clonación Web

Aprenderás a crear tus propias landing pages o incluso clonar paginas de ventas y paginas de aterrizaje.

Clonar: https://tuplan.site/plan-19-dias-keto-2/

Empieza guardando  las imágenes de la paginar web para que lo tengas en orden y listo para subirlo a tu landing que vas a crear.

Descarga datos con Código

La forma mas fácil de  bajar imágenes protegidas es con la herramienta inspección de Google.

Extensión para bajar todas las imágenes de una web usando Chrome: Image downloader

Tip #1 Descarga Videos de presentación PRIVADAS (Vimeo)

Como sabemos necesitamos videos para publicarlos en nuestra Fanpage o incluso subirlos a nuestra landing.

Extensión: Skyload  e instala la extensión para Chrome. Para descargar un video de Vimeo primero empieza a reproducir el video luego ir a la extensión y elegir la mejor calidad y descargar.

Te recomiendo usar solo los videos de carta de ventas de los productores para promocionar su producto.

Clonación web PARTE 1

Extensiones a usar:

• ColorPick Eyedropper​, sirve para saber los colores de una web.
• Fonts Ninja https://www.fonts.ninja/, sirve para sacar la tipografía de una web.

Creando landing page con Elementor

A. Sección principal de 1 columna

Estilo, color #E84FF3

Formas de triangulo

• Estilo, forma de divisor, abajo,
• tipo: pirámides, y activar la opción invertir
• color: #161125
• ancho: 122 y alto: 69

Sección interior de 1 columna

Sección Encabezado

• Alineación centrado.
• Estilo, color blanco.
• tipografía: Fjalla one, con 31px.

B. Sección principal de 1 columna, color #161125

Sección interior de 1 columna

Sección Encabezado

• Familia: Actor y tamaño de 51px.
• Peso 400
• Color blanco y centrado

C. Sección principal de 1 columna (duplicar sección b)

Sección interior de 2 columna

Elemento Texto

• Texto centrado.
• Familia actor, 35px y altura de línea 1.3em
• Agregar elemento imagen
• Para modificar una columna en especial, clic en la esquina superior izquierda.
• Disposición, espacio entre widgets: 0
• Con esa opción el texto y la imagen estarán mas pegados.

Elemento Imagen

• Estilo, ancho 80
• Estilo de borde, solido, color blanco, ancho de 3 (borde con color)

D. Sección principal de 1 columna (duplicar sección b)

Sección interior de 1 columna

Elemento Botón

• Disposición, agregar el texto e icono
• Alineación centrado y tamaño del botón grande.
• Estilo, Familia Actor con 32px.
• Normal, color de fondo: #E41EFF
• Radio de borde, desactivar la cadena y poner 50px
• sombra de caja: blanco
• Al pasar el cursor, color de fondo: #3aff00
• Animación al pasar el cursor: grow
• —
• Debajo agregar elemento texto
• Familia actor con 25px.
• Altura de líneas 1.2 (Esto es para apegar las líneas con las de arriba.)

Eliminar espacios

• Clic en las secciones principales
• En avanzado, relleno en 0,0,0,0.
• Margen 0, auto, 0, auto.
• Disposición, espacio entre columnas: sin espacio

Clonación web PARTE 2

E. Sección principal de 1 columna, color #161125.

Sección interior de 2 columna

1. 1. Elemento Imagen, agregar la imagen del producto
2. 2. Elemento Texto, Familia actor con 17px.

Clonación web PARTE 3

F. Sección principal de 1 columna,

• color #161125.
• relleno 30 arriba y abajo

Sección interior de 1 columna

• Elemento Texto 1, familia advent pro, con 30px.
• Elemento Texto 2
• Elemento Imagen

Sección interior de 3 columna (debajo)

Elemento Icono y Texto x3

• Una forma de encontrar el nombre del icono es usando la inspección de elemento en chrome.
• Buscar con el nombre en la búsqueda de iconos.
• En avanzado, relleno, arriba 80.
• Debajo poner el elemento texto.

G. Sección principal de 1 columna

• color blanco.
• Avanzado, relleno 20px arriba y abajo
• Elemento texto: «Esto es lo que obtendrás.»
• Elemento espaciador, lo pones debajo del titulo.

Sección interior de 2 columna

Elemento Imagen y Texto

• Agrega tu imagen y debajo un texto.
• Familia actor, 24px y centrado.
• Altura de línea 1,4
• Duplicar sección.

H. Sección principal de 1 columna

• Duplicar la sección del botón, eliminado la sección interior.
• color blanco.
• Relleno 30 arriba y abajo

J. Sección principal de 1 columna, 

• color: #321C72
• relleno de 20 arriba y abajo

Elemento Encabezado

• Familia roboto de 35px, color blanco.
• Elemento Icono, double icon, color blanco.

I. Sección principal de 1 columna

Color #161125
relleno 20 arriba y abajo
disposicion ancho completo

Sección interior de 2 columna

Elemento Encabezado

• Familia roboto de 35px, color blanco.
• Debajo una duplica de elemento encabezado.
• Debajo un elemento texto.

Elemento Imagen, subir tu imagen de bonos.

J. Sección principal de 1 columna

• Color blanco.
• Relleno de 20 abajo y 20 arriba.
• Agrega tus elementos de texto y encabezado.

Sección interior de 3 columna, Agrega tus imágenes de testimonio.

K. Sección principal de 1 columna

• color #161125
• Disposición en ancho completo.

Sección interior de 3 columna, clonar los iconos y textos.

Clonación web PARTE 4

L. Sección principal de 1 columna (oferta)

Sección interior de 2 columna

• Elemento Tabla de precios
• Elemento Imagen

M. Sección principal de 1 columna

Elemento Texto

Sección interior de 3 columna, en cada parte lleva una imagen de resultados.

N. Sección principal de 1 columna

• Duplicar botón anteriormente creado.
• Quitar animación e icono.

Exporta e Importa tu Clonación (Json)

Exportar Json Elementor

1. En donde dice actualizar, clic en la flecha arriba.
2. Guardar como plantilla y poner un nombre, clic en guardar
3. Te mostrara una lista de tus plantillas. Clic en los 3 puntos y exportar
4. El json lo puedes usar en un nuevo dominio o hosting diferente.

Importar Json Elementor

1. Crear pagina nueva de tu sitio web.
2. En atributos de pagina, elegir plantilla elementor canvas y poner un titulo, publicar.
3. Editar con elementor (recuerda para importar y exportar es con elementor pro).
4. Clic en la carpeta, luego en la flechita hacia arriba (importar plantilla)
5. Elegir el archivo Json. Y le das insertar. Listo

Elementor PRO

Como crear banner sticky

Ahora aprenderás a colocar banner fijas en la parte superior con elementor. Es decir que cuando el usuario haga scroll hacia abajo, el banner se mantenga arriba que no se mueva.

• Si tu quieres agregar varios elementos como 2 columnas, tienes que usar seccion interior.
• Si tu únicamente necesitas Texto, solo usaras el elemento encabezado.

Como hago para que un texto se quede fijo arriba?

Usa sticky arriba o abajo para mantener el texto. Sigue los pasos a continuación:

Elemento sección principal:
color: #020101 opcional
Avanzado:
relleno: 10px arriba y 10px abajo
efecto de movimiento:
sticky: arriba (top)

Elemento encabezado:

• texto: «¡ESTA OFERTA FINALIZA EN 24 HORAS!»
• tipografía: roboto y tamaño de 20px

El contador de Elementor

Ahora aprenderas sobre el contador de elementor que tan diferente es este con el plugin wpfomo.

Elemento Countdown
type: evergreen timer
hours: 23 y 59 minutos
activar custom label para cambiar el idioma
action afters expire: hide y show message «La oferta ha finalizado… pero tienes 5 minutos mas para ingresar»
Estilo:
background color: sin fondo
tipo de borde: solido tamaño 1

Mis HACKS mantén el control

Estos hacks que aprenderás te servirán de mucho en el marketing de afiliados.

HACK #1 Mide tu conversión con Mapas de Calor

Los mapas de calor nos ayudan a tener el control de tu web. El objetivo es analizar la data análisis de tu web.

Los colores mas relevantes son rojo, amarillo y naranja estos muestran las zonas mas calientes.
Los colores, azul, verde y turquesa indican cuales son las zonas menos interesantes.

HotJar

• Registrate en https://insights.hotjar.com/register?hj_signup_step=1
• colocar los datos personales
• registrarse
• crear mapas de calor de la url especifica

Plugin Hotjar
instala el plugin y luego en ajustes colocas el ID
guardar

Hacks # 2 Google Analitycs

1. Instalar plugin insert header and footers por wpbeginner.
2. Ir a google analytics y registrase
   nombre de la cuenta: mi web
   nombre de propiedad: MI WEB
   zona horaria
   de 1 a 10 empleados
   medir la interaccion de los clientes con mi sitio web o aplicacion.
3. crear y aceptar los términos que se muestra por encima de la pantalla.

Administrar cuenta google analytics:

• En propiedad ir a flujos de datos
• Elegir web y poner la url y nombre del sitio web. Activado medicion mejorada.
• Crear flujo.
• Copiar la etiqueta global de sitio web y pegar el script en header del plugin insert headers and footer
• Guardar

HACK #3 bajar de peso a tus imágenes

Usa la web tinypng.com muy recomendable.

HACK #4 Duplica tus páginas de venta

• Usa el plugin duplicate page Por mndpsingh287
• Luego de instalar te saldrá una nueva opción «Duplicar esto» en tus paginas y entradas.

HACK #7 Como configurar Wp Fomify (FOMO ) – Prueba Social

Para hacer la prueba social se usa el plugin wpfomify, son cuadros o cajas que aparecen en la pagina que aparentan haber comprado.

Plugin wpfomify:
add new
poner nombre, conversations notification
notifacion template «{{name}} de {{city}} a comprado en este momento {{title}}»
3 Display:
default image: la imagen del producto
show on: show on selected
target url: midominio.com/productox solo pegas desde la barra / osea /productox
next
4 Customize:
position: boton left
timing on: 5,8,9.
design on:
borde: 1 color amarillo o deseado
guardar

Como hacer para eliminar la marca de agua wpfomify?
Muy facil, te vas a settings
Clic en el menu misc
Check disable credit link
save changes.