Worby Tools - Resúmenes Online

Worby Tools – Buscar y comprar un dominio general.

Ejemplo: https://proyectosdigitales.online/

Índice

Tutoriales Worby Tools

Tamaño ideal de las imágenes y creación de secciones

¿De qué tamaño deben ser las imágenes para subirlas a mi página?

El formato de las imágenes puede ser: .jpg o .png o webp*.
Tamaño de imagen para fondo: 1280x720px (Jpg, canva calidad 57px ,entre 50 y 60 esta bien).
Tamaño para una columna: ancho máximo de 950px.
Tamaño para 2 columnas: ancho máximo 500px.
Tamaño para 3 columnas: ancho máximo 370px.
Tamaño para 4 columnas: ancho máximo 300px.
Tamaño para imagen de testimonios o comentarios 90x90px.
Peso Máximo de las imágenes 100kb.
(opcional) Tamaño de imágenes tipo iconos 122×122.
(opcional) Tamaño para producto 480×640.
(opcional) Tamaño catalogo 370×370.

Rostros de personas libre de derechos de autor.

Proceso para reducir peso a las imágenes:

Redimensionar a los tamaños recomendados.
Comprimir la imagen con iloveimg y después con tinypng.
Pasar a formato webp.
(opcional) Para las imágenes de 2 columnas, recorta de forma cuadrada con iloveimg.

Sección Imagen con Fondo (Imagen 1280px)

subir IMAGEN como fondo.
TEXTO
contenido
texto: sección con fondo.
Diseño
*texto
fuente: alfa slab one.
color blanco.
tamaño del texto 52px, 32px, 27px.
espacio entre letras 12px.
alineación centro.
*separación
relleno: superior y base en 200.

Opción 2 ON:

subir IMAGEN como fondo.
TEXTO
contenido
texto: sección con fondo.
Diseño
*texto
fuente: open sans.
texto luz suave: Negrita.
color blanco.
Texto tamaño del texto: Escritorio 67px, Tablet 47px, Móvil 29px.
espacio entre letras 12px.
alineación centro.
*separación
relleno: superior y base en 250.

Sección con 1 Columna (Imagen 950px)

color fondo: amarillo.
IMAGEN
subir la imagen.
alinear al centro.

Sección 3 Regular 1 Columna (Imagen cuadrado 500px + Texto)

color naranja.
FILA CONFIGURACION
a. contenido
-editar – segunda columna
-Avanzado
css personalizado – ‘elemento principal’ (margin: auto;)
b. diseño
Tamaño – ‘igualar alturas de las columnas’: SI.
1. IMAGEN
diseño
animación: desvanecer o diapositiva.
Borde
‘rectángulo redondeado’: 17px.
sombra de la caja, elige la primera.
2. TEXTO

Sección Regular 3 Columna (Testimonios Imagen 90px)

color Naranja.
RECOMENDACION
Contenido
Imagen: Subir imagen de persona.
Elementos – ‘Icono de cita’: No.
Diseño
Borde 17px.
Sombra de la caja: elegir la opción 1.

04- Insertar video desde Vimeo a Divi

1- Insertar con la url o enlace o link
2- Insertar con código de inserción desde una cuenta gratuita
3- Insertar con código de inserción proporcionado por el Productor desde una cuenta de pago

05- Incrustar video desde plataforma de videos

Crear cuenta en Bunny.net

Ir a bunny.net
🖱 Get Started
🖱 Create account
Llenar el campo Correo y Contraseña.
🖱 Create account

Plataforma Bunny

Stream
🖱 Add video library (sirve para crear una coleccion)
Selecciona los paises donde se servira los videos (ejemplo «US East New York»).
🆗 Add video library.
1. Player – Color #ff9500
2. Encoding
a. Desactivar keep original, content tagging, mp4 fallback.
b. Enabled Resolutions
720p (800 kbps)
1080p (5.000 kbps)
c. Watermark (aqui puedes subir tu logo y acomodar el lugar).
3. Security
Desactivar «Enable Direct Play».
Allowed Domains, poner el dominio donde quieras que se reproduzca.

Color por defecto en Vimeo

Blanco #ffffff
Azul #00adef

05- Insertar video desde JWPlayer a Divi

Crea una cuenta nueva y verifica
Te da 5GB en su versión gratuita.
Sube tu video y clic en Embed.
Copia el código Iframe en WordPress Divi.

06- Cómo cargar una plantilla .json a Divi

Crear nueva pagina.
Plantilla: Blank Page.
Publicar – Usar divi builder.
Construir desde cero.
clic en los 3 puntos de abajo – clic en el signo de flechas de arriba y abajo.
pestaña Importar y subir tu archivo json.
Importar diseño divi builder.

Verificar Dominio en Divi

Configuracion del Negocio

Ir a configuracion del negocio
Seguridad de la marca – Dominios
Agregar y escribe tu domino «dominio.com» sin https.
Agregar y copiar la Meta etiqueta (Paso 1). Ir a WordPress y pegar el código, no avanzara hasta completar este paso.
🆗 Verificar dominio.

WordPress

Dentro de WordPress ir a la sección Divi – Integración.
En el cuadro Head pegar la meta etiqueta (Paso 1).
🆗 Guardar cambios.
Volver a la configuracion del negocio.

Instalación del Pixel de Facebook a través de Pixelyoursite

Administrador de Eventos

Acceder al administrador de eventos y copiar el ID del pixel. (Paso 1 copiar).
Configuracion
API de conversiones
Configurar manualmente – Generar token de acceso
copy token (Paso 2 copiar).

Configuracion del plugin Pixel Your Site

✅ Enable Conversion API (add the token below)
✅ Enable Advanced Matching
Meta Pixel (formerly Facebook Pixel) ID: aqui el numero de tu pixel (Paso 1 pegar) (ejemplo 648602966068308).
Conversion API (recommended): pegar aquí el token (Paso 2 pegar).
🆗 Save Settings

Agregar el Metapixel de Facebook a un producto en Hotmart incluido el CNAME

Como primer paso debes Copiar el identificador del pixel desde el administrador de eventos.

Hotmart

Ir a configuracion – Pixel de seguimiento.
Selecciona el producto al cual quieres agregarle.
Selecciona Facebook + Instagram.
Pegar el identificador del pixel + Continuar x2.
¿Quieres que los eventos se envíen usando tu dominio y no el de hotmart.com?
✅ SI
Agregar tu dominio «dominio.com» y Configurar el CNAME en tu hosting.
✅ Verificar cname.
✅ Verificar certificado.
🔁 Configuracion activada.
🆗 Guardar.