Cómo mostrar visualmente las categorías de entradas de blog en tu encabezado Divi

Share on facebook
Share on twitter
Share on linkedin
Share on whatsapp
Cómo mostrar visualmente las categorías de entradas de blog en tu encabezado Divi

Al crear el encabezado global, es muy probable que incluya un elemento de menú de blog. Si no tienes muchas categorías de entradas de blog en tu sitio web, ir a un elemento de menú de blog podría ser suficiente. Sin embargo, si tiene un conjunto de categorías diferentes y desea resaltar cada una de ellos, es posible que desee probar un enfoque diferente, como mostrar visualmente cada categoría de blog dentro de un menú desplegable, una especie de megamenu que seguramente debes conocer.

En este tutorial, te mostraremos exactamente cómo hacerlo usando el Theme Builder de Divi. Crearemos el menú desplegable usando los elementos y opciones integrados de Divi y lo combinaremos con algún código que nos permitirá colocar el menú desplegable dentro del elemento de menú del blog. ¡También podrás descargar el archivo JSON gratis!

Vamos a hacerlo.

Tabla de contenido mostrar

¿Cómo se verá?

Antes de profundizar en el tutorial, echemos un vistazo rápido al resultado a través de diferentes tamaños de pantalla.

Escritorio

Móvil

Descargar el encabezado global GRATIS

Descarga el encabezado global gratuito haciendo clic en el enlace de abajo.

Descargar gratis

Cómo cargar el archivo JSON

Descomprime el archivo que descargaste arriba. Luego, navega a tu sitio web de WordPress > Divi > Divi Library y carga el archivo JSON.

Una vez que el diseño se guarda en la biblioteca Divi, puede navegar al Theme Builder de Divi e importar el diseño guardado haciendo clic en ‘Agregar encabezado global’ o ‘Agregar encabezado personalizado’ y seleccionando ‘Construir encabezado global/personalizado’. Ve a la pestaña «Tus diseños guardados» en la Biblioteca Divi, selecciona el diseño que has cargado en el paso anterior y guarda todos los cambios del Theme Builder de Divi.

Para tener un menú funcional de inmediato, se le pedirá que vaya a través de la primera parte de este tutorial a continuación; agregar las clases CSS a los elementos de menú en un nivel individual. También necesitará habilitar una de las clases CSS dentro del módulo de código como se muestra en la parte 5 de este tutorial.

1. Agregue la clase CSS al elemento del menú del blog

Ir a Menús en Apariencia

En la primera parte de este tutorial, agregaremos dos clases CSS personalizadas al elemento de menú de la página del blog dentro del menú de WordPress. Para ello, navegue a los menús dentro de su panel de WordPress.

Habilitar opción de clase CSS

En la parte superior de la página, asegúrese de habilitar la opción de clases CSS dentro de la opción de pantalla.

Agregar clases CSS al elemento de menú del blog

A continuación, busque el elemento de menú de su blog y agregue dos clases CSS. Asegúrese de dejar un espacio entre las clases CSS.

  • Clases CSS: first-level first-level-1

2. Crea un encabezado personalizado con el Theme Builder de Divi

Ve a Divi Theme Builder

Una vez que las clases CSS del elemento de menú están en su lugar, es el momento de cambiar a Divi. Vaya al Theme Builder de Divi y seleccione ‘Agregar encabezado global/personalizado’.

Empezar a construir el encabezado global

A continuación, seleccione ‘Build Global Header’ para ser redirigido al editor de plantillas.

Configuración de la sección

Color de fondo

Dentro del editor de plantillas, notará una sección. Abra esa sección y aplique un color de fondo blanco.

  • Color de fondo: #FFFFFF

Espaciado

Vaya a la pestaña de diseño y elimine todo el relleno superior e inferior predeterminado.

  • Relleno superior: 0px
  • Relleno inferior: 0px

Agregar fila #1

Estructura de columna

Continúe agregando una nueva fila utilizando la siguiente estructura de columnas:

Tamaño

Sin añadir ningún módulo todavía, abra la configuración de fila y modifique la configuración de tamaño en consecuencia:

  • Usar ancho de cortador personalizado: Sí
  • Ancho de la cortadora: 1
  • Ancho: 95%
  • Ancho máximo: 100%

Espaciado

Elimine todos los rellenos superiores e inferiores predeterminados.

  • Relleno superior: 0px
  • Relleno inferior: 0px

Agregar módulo de menú a la fila

Seleccionar Menu

Luego, agregue un Módulo de menú y seleccione el menú que ha modificado en la primera parte de este tutorial.

Sube un logo a continuación.

Ajustes del texto del menú

Vaya a la pestaña de diseño y modifique la configuración del texto del menú de la siguiente manera:

  • Fuente del menú: Roboto Mono
  • Estilo de fuente del menú: Mayúsculas
  • Color del texto del menú: #000000
  • Tamaño del texto del menú: 18px
  • Espacio entre letras de menú: -1px

Configuración del menú desplegable

Cambie también el color de la línea del menú desplegable.

  • Color de línea del menú desplegable: #FFFFFF

Configuración de iconos

A continuación, cambie el color del icono del menú de hamburguesas en la configuración de los iconos.

  • Hamburger Menu Icon Color: #000000

Clase CSS

Y complete la configuración del módulo agregando una clase CSS.

  • Clase CSS: category-menu

3. Crear diseño desplegable de blog

Añadir fila #2

Estructura de columna

Una vez que la fila, que contiene el módulo de menú, está en su lugar, es el momento de crear el menú desplegable que contiene categorías de blog visual. Para ello, agregue una nueva fila con dos columnas de igual tamaño. Toda la fila será nuestro menú desplegable para el elemento de menú del blog.

Color de fondo

Abra la configuración de fila y utilice un color de fondo blanco.

  • Color de fondo: #FFFFFF

Tamaño

Vaya a la pestaña de diseño y cambie la configuración de tamaño de la siguiente manera:

  • Usar ancho de cortador personalizado: Sí
  • Ancho de la cortadora: 1
  • Ecualizar alturas de columna: Sí
  • Ancho: 80vw (Escritorio), 100% (tableta y teléfono)
  • Ancho máximo: 50vw (escritorio), 100% (tableta y teléfono)

Espaciado

Modifique los valores de relleno a continuación.

  • Relleno superior: 10px
  • Relleno inferior: 10px
  • Relleno izquierdo: 10px
  • Relleno inferior: 10px

Sombra de caja

También estamos usando una sutil sombra de caja.

  • Box Shadow Blur Strength: 30px
  • Color de las Sombras: rgba(0,0,0,0.13) (Escritorio), rgba(0,0,0,0) (Tableta y Teléfono)

Clase CSS

A continuación, agregaremos dos clases CSS a nuestra fila. Estas clases CSS (en combinación con algún código más adelante) nos ayudarán a colocar todo el contenedor de filas dentro del elemento de menú del blog como un menú desplegable.

  • Clase CSS: dropdown-menu dropdown-menu-1

Posición

Pasa a la pestaña avanzada y vuelve a colocar la fila también.

  • Posición: Absolute (Desktop), Relative (Tablet & Phone)
  • Localización: Top Right
  • Desplazamiento vertical: 100px (escritorio), 0px (tableta y teléfono)
  • Z-indice: 11

Elemento principal de ambas columnas

Por último, pero no menos importante, complete la configuración de fila agregando una línea de código CSS al elemento principal de cada columna. Esto nos ayudará a mantener la estructura de columnas en tamaños de pantalla más pequeños.

width: 50% !important;

Añadir módulo de texto a la columna 1

Añadir nombre de categoría

¡Es hora de mostrar visualmente nuestras categorías de blog! Agregue un primer módulo de texto a la columna 1 y agregue el título de la categoría al cuadro de contenido.

Añadir enlace de categoría

A continuación, agregue un enlace a su categoría.

Fondo de degradado

A continuación, aplique el siguiente fondo de degradado:

  • Color 1: rgba(0,0,0,0.08)
  • Color 2: #0a0a0a
  • Posición de inicio: 60%
  • Posición final: 60%
  • Colocar degradado por encima de la imagen de fondo: Sí

Imagen de fondo

Cargue una imagen de fondo de su elección. Si quieres exactamente el mismo resultado que en este tutorial, sube una de las ilustraciones que puedes encontrar en la carpeta que pudiste descargar al principio de esta publicación.

  • Tamaño de la imagen de fondo: tamaño real
  • Repetición de imagen de fondo: Repetir X (horizontal)

Ajustes de texto

Pase a la pestaña de diseño del módulo y cambie la configuración del texto en consecuencia:

  • Fuente de texto: Roboto Mono
  • Peso de la fuente de texto: Negrita
  • Color del texto: #ffffff
  • Tamaño del texto: 1.9vw (escritorio), 3vw (tableta), 3.5vw (teléfono)
  • Espaciado de letras de texto: -0.1vw
  • Altura de la línea de texto: 1em

Tamaño

Cambie la configuración de tamaño a continuación.

  • Ancho: 99%
  • Alineación del módulo: Izquierda

Espaciado

Modifique también la configuración de espaciado.

  • Margen inferior: 10px
  • Margen derecho: 1% (tableta y teléfono)
  • Relleno superior: 60% (escritorio), 40% (tableta y teléfono)
  • Relleno inferior: 4%
  • Relleno izquierdo: 2%

Elemento principal CSS

Y complete la configuración del módulo agregando una línea de código CSS al elemento principal del módulo.

cursor: pointer;

Clonar módulo de texto y colocar duplicados en la columna 2

Una vez que haya completado el primer módulo de texto, clone el módulo y coloque el duplicado en la columna 2.

Modificar módulo de texto en la columna 2

Cambiar nombre de categoría y enlace

Modifique el título de la categoría y el vínculo en el módulo duplicado.

Cambiar imagen de fondo

Cambie la imagen de fondo también. Puede encontrar la ilustración en la carpeta de descarga.

  • Repetición de imagen de fondo: Sin repetición

Cambio de tamaño

Cambie la alineación del módulo en la configuración de tamaño siguiente.

  • Alineación del módulo: Derecha

Clonar ambos módulos una vez

Una vez que haya completado ambos módulos (uno en cada columna), puede clonar ambos una vez.

Cambiar nombres y enlaces de categoría

Cambie los nombres de categoría y los vínculos dentro de los módulos duplicados.

Cambiar imágenes de fondo

Junto con las imágenes de fondo. Puedes encontrar las nuevas ilustraciones en la carpeta que pudiste descargar al principio de esta publicación.

  • Tamaño de la imagen de fondo: Ajuste
  • Repetición de imagen de fondo: Sin repetición

  • Tamaño de la imagen de fondo: Ajuste
  • Posición de la imagen de fondo: Inferior derecha

4. Agregue CSS y Código JQuery

Agregar módulo de código debajo del módulo de menú en la fila #1

Una vez que haya completado la fila que contiene los nombres de categoría de menú desplegable, agregue un módulo de código a la primera fila de la sección, justo debajo del módulo de menú.

Añadir código CSS

Agregue las siguientes líneas de código CSS al módulo de código:

<style>
/* Enable class below once you're done editing the menu */ 
   
/*  
.dropdown-menu {
visibility: hidden;
}*/
   
.category-menu .et_pb_menu__menu .dropdown-menu {
visibility: hidden;
opacity: 0;
 
-webkit-transition: 300ms all cubic-bezier(.4,0,.2,1);
-moz-transition: 300ms all cubic-bezier(.4,0,.2,1);   
-o-transition: 300ms all cubic-bezier(.4,0,.2,1); 
-ms-transition: 300ms all cubic-bezier(.4,0,.2,1);   
transition: 300ms all cubic-bezier(.4,0,.2,1);  
}
   
.category-menu .et_pb_menu__menu li.first-level:hover .dropdown-menu {
visibility: visible;
opacity: 1;
}
   
.category-menu  .et_pb_menu__menu li {
margin-top: 0px !important;
}  
 
.category-menu .et_pb_menu__menu li>a {
margin-top: 0px !important;
padding: 30px 20px !important;    
}
 
.category-menu .et_pb_menu__menu li.first-level>a:hover {
background-color: #00C995; 
}  
   
.category-menu .et_mobile_menu .dropdown-menu {
background-color: white; 
padding-top: 25px;
padding-bottom: 5px;
}   
 
.category-menu .et_mobile_menu li > a {
background-color: transparent;
position: relative;
}
   
.category-menu .et_mobile_menu .first-level > a:after {
font-family: 'ETmodules';
content: '\37';
color: black;
font-weight: normal;
position: absolute;
font-size: 16px;
top: 13px;
right: 10px;
}
   
.category-menu .et_mobile_menu .first-level > .icon-switch:after{
content: '\36';
color: #c9c9c9;
}
   
.category-menu .et_mobile_menu .dropdown-menu {
display: none;
visibility: visible;
}
   
.category-menu .et_mobile_menu .dropdown-menu.reveal-items {
display: block;
}
   
</style>

Añadir código JQuery

Junto con algunos JQuery coe que ayudará a colocar la fila, que contiene categorías, dentro del elemento de menú del blog. Asegúrese de colocar el código JQuery entre las etiquetas de script como se puede ver en la pantalla de impresión a continuación.

jQuery(function($){
$(document).ready(function(){
   
 
$('.dropdown-menu').each(function(i){
   
i = i + 1;
   
var $dropdown = $('.dropdown-menu-' + i);
var $mainMenuItem = $('.first-level-' + i + '&gt;a');
$dropdown.insertAfter($mainMenuItem);
   
});  
   
var $firstLevel = $('.et_mobile_menu .first-level &gt; a');
var $allDropdowns = $('.et_mobile_menu .dropdown-menu');
 
$firstLevel.off('click').click(function() {
 
$(this).attr('href', '#');  
var $thisDropdown = $(this).siblings(); 
 
$thisDropdown.slideToggle();
$(this).toggleClass('icon-switch');
 
var dropdownSiblings = $allDropdowns.not($thisDropdown);   
dropdownSiblings.slideUp();
 
var $thisFirstLevel = $(this);
var $firstLevelSiblings = $firstLevel.not($thisFirstLevel);
$firstLevelSiblings.removeClass('icon-switch');  
 
});      
   
});
});

5. Habilite la clase CSS una vez que haya terminado de personalizar los elementos desplegables del blog

Tan pronto como haya terminado de personalizar todos los elementos desplegables, tendrá una cosa que hacer: ocultar toda la fila que contiene los elementos del menú desplegable. Esto, en combinación con una función de carga dentro de nuestro código, evitará que el menú desplegable aparezca al cargar la página. Una vez que habilite esta clase CSS, ya no verá la segunda fila dentro del Generador visual, pero podrá acceder a ella en el modo de estructura alámbrica y/o deshabilitar temporalmente la clase CSS al realizar cambios en el menú desplegable. Para habilitar la clase, quite los corchetes ‘/* */’ al principio y al final de la clase CSS.

6. Adición de más listas desplegables de categorías de entrada

Fila de categoría de blog (clon)

Si desea agregar más listas desplegables de categorías, puede clonar toda la fila desplegable que ha creado.

Acceda a fila duplicada en el panel Capas

Puesto que estamos usando el posicionamiento absoluto en el escritorio, las filas se colocarán una encima de la otra. Para acceder a las filas individualmente, abra el panel de capas dentro de Divi Builder y abra la configuración de la fila duplicada.

Cambiar la clase CSS de fila duplicada

Cambie la segunda clase CSS en su fila duplicada. Asegúrate de que el número que estás usando es consecutivo.

  • Clase CSS: dropdown menu dropdown-menu-2

Añadir clases CSS a elementos de menú en apariencia

Luego, vuelve a tu menú de WordPress dentro de tu panel de control y agrega las siguientes clases CSS a otro elemento de menú y listo:

  • Clases CSS: first-level first-level-2

Vista previa

Ahora que hemos pasado por todos los pasos, echemos un vistazo final al resultado en diferentes tamaños de pantalla.

Escritorio

Móvil

Conclusiones finales

En esta entrada, te hemos mostrado cómo ser creativo con tu encabezado Divi y el elemento de menú del blog. Más específicamente, te hemos mostrado cómo incluir visualmente categorías de blog como elementos de menú desplegable que se ven muy bien en todos los tamaños de pantalla. Este enfoque le ayudará a resaltar cada categoría de blog diferente sin dejar de mantener un aspecto mínimo a primera vista.

Si tienes alguna pregunta, no dudes en dejar un comentario en la sección de abajo.

Fuente: Elegantthemes

Share on facebook
Facebook
Share on twitter
Twitter
Share on linkedin
LinkedIn
Share on whatsapp
WhatsApp
Share on facebook
Share on twitter
Share on linkedin
Share on whatsapp
0 0 voto
Calificar artículo
Suscribirme
Notificarme
guest
0 Comentarios
Comentarios en línea
Ver todos los comentarios
Ir arriba

FAQ's

Si aún tiene dudas, lo invitamos a revisar nuestras preguntas frecuentes sobre nuestros servicios.

Diseño Web & Desarrollo

¿No encuentra la respuesta que busca para su sitio web? ¡Compartimos algunas de nuestras preguntas más frecuentes para ayudarlo!

En nuestra agencia seguimos el mismo proceso central de diseño web sin importar el tamaño del proyecto realizado.

  • Paso uno: nos dirá lo que tiene en mente. Elija un sitio web que desee que repliquemos o enumere las características clave que le gustaría tener.
  • Paso dos: redactaremos una estructura alámbrica para poder acordar el diseño de su sitio web antes de que se escriba una sola línea de código.
  • Paso tres: Después de que apruebe el diseño, comenzaremos a trabajar en el diseño real y lo puliremos hasta que esté satisfecho.
  • Paso cuatro: Si hay características personalizadas, lo probaremos durante al menos una semana para asegurarnos de que no haya errores que hagan que se inicie.
  • Paso cinco: Lanzaremos el sitio web en aproximadamente un mes (dependiendo del proyecto) después de la primera reunión, y continuaremos monitoreando y mejorando su desempeño (pero solo si así lo desea).

Los costos de un sitio web totalmente personalizado varían según las especificaciones. Como guía, la mayoría de los proyectos personalizados de diseño y construcción web comienzan desde Bs. 700. Sin embargo, siempre tratamos de acomodar su presupuesto (si es posible). ¿Por qué no completa nuestro formulario y podemos conversar sobre sus requisitos?

Absolutamente. Verá un prototipo de diseño completo que también incluye diseños móviles, además tendrá la oportunidad de obtener una vista previa del diseño propuesto antes de que el sitio entre en desarrollo. ¡Solo comenzamos la etapa de desarrollo una vez que esté 100% satisfecho con la apariencia del diseño!

Los cuatro pasos fáciles que proporcionamos a continuación lo guiarán en la dirección de un sitio web profesionalmente diseñado, desarrollado y comercializado.

  • Paso uno: Registro de nombre de dominio (URL): esta es la dirección que las personas usarán para acceder a su sitio web. Una vez que haya determinado que la URL que desea utilizar está disponible, la tarifa para registrar un nombre de dominio oscila entre $ 14.00 y $ 50.00 por año. Esto necesita ser renovado cada año.
  • Paso dos: Diseño del sitio web: aquí es donde se determina y crea el aspecto y el contenido del sitio web.
  • Paso tres: Hospede su sitio web en un servidor web: aquí es básicamente donde paga por el espacio en un servidor que siempre está conectado a Internet. El precio variará, dependiendo de la cantidad de espacio en disco que tenga y la conexión a Internet.
  • Paso cuatro: ¡comercialización! – Debería pensar en la comercialización de su sitio web mientras se está diseñando. El contenido del sitio debe reflejar los términos de búsqueda si desea que su sitio aparezca en los motores de búsqueda.

No se preocupe en Creativa.dev, todo se explica de manera fácil. Una vez que comencemos a diseñar un sitio web, investigaremos sus requisitos, le asesoraremos sobre lo que requerimos del cliente y luego le describiremos ideas, alternativas y plazos.

Una vez que comencemos a diseñar, puede probar todo el trabajo a través de nuestra área de administración de proyectos en línea donde se mantiene actualizado con el flujo de trabajo actual. Siempre le proporcionaremos dos diseños de sitios web para elegir. Luego puede modificar el diseño elegido y una vez que haya cerrado la sesión del diseño, comenzaremos a convertirlo en un sitio web que funcione.

Lamentablemente no. Si el cliente no se ajusta bien, no se citará la oportunidad. El diseño de un nuevo sitio web es un gran esfuerzo, por lo que el diseñador del sitio web y su cliente necesitan tener sinergias para que el proyecto se inicie con éxito. Lo mismo es cierto para las personalizaciones de temas existentes. Si no creemos que encajamos bien o que WordPress no encaja bien, se lo diremos rápidamente.

Todo el proceso puede tomar entre 4 y 12 semanas. Realmente depende de cuántas páginas necesite, especialmente cuán profunda debe ser la funcionalidad.

Siempre tiene plena propiedad sobre sus diseños y sitio web. Aunque odiamos ver que suceda, puede mover su sitio web a una empresa externa. Dado que su sitio web está construido con WordPress, puede transferirlo a casi cualquier proveedor de alojamiento web.

¡Sí! Somos excelentes para comunicarnos por Internet, correo electrónico y teléfono, y nuestros clientes provienen de toda Bolivia, Estados Unidos y del mundo entero.

¡Será mejor que lo creas! El móvil es clave en 2020. Nuestros diseños web son totalmente responsivos, lo que significa que ahora son compatibles con dispositivos móviles y tabletas, lo que garantiza que se vean bien en cualquier tamaño de pantalla que se use para ver su sitio web.

Muchos procesos entran en la producción de un sitio web, en general, si todos estos procesos se ejecutan correctamente, producirá un sitio web que trabajará con usted para mejorar las ventas, el marketing y la imagen de su negocio. Esto se logra con un excelente diseño del sitio web, navegación del usuario y optimización del motor de búsqueda del sitio web.

Básicamente, debe considerar qué es lo que USTED está buscando al tener un sitio web. Si está buscando un sitio web de estilo folleto que haga notar su negocio, nuestra agencia ha diseñado cientos de sitios web así.

Branding & Diseño Gráfico

¿Quiere un logotipo, una ilustración o un diseño pero no puede encontrar la respuesta que está buscando? Eche un vistazo a nuestras preguntas frecuentes.

Nuestros pasos son simples como:

  • Paso uno: Compartirá su historia con nosotros: su visión, quién compra sus productos y qué hace que su negocio sea diferente.
  • Paso dos: investigaremos su mercado y haremos una lluvia de ideas hasta que tengamos los mensajes clave de su marca y los perfiles de clientes objetivo.
  • Paso tres: según los mensajes de la marca, nuestros diseñadores crearán su kit de marca (esto incluye el logotipo, las fuentes y la combinación de colores).
  • Paso cuatro: presentaremos al menos cuatro opciones de diseño, tomaremos sus comentarios y las revisaremos hasta que esté satisfecho.
  • Paso cinco: Finalizaremos el diseño y enviaremos las plantillas que puede usar para promocionar su marca, todo dentro de un mes después de nuestra primera reunión.

El diseño de su logotipo es la imagen de su empresa, el rostro público que constituye el núcleo de cualquier identidad de marca corporativa exitosa. La calidad y la profesionalidad del diseño de su logotipo tienen un efecto directo en la forma en que se percibe su organización.

Un logotipo hábilmente diseñado puede convertirse en un activo extremadamente valioso que distingue los productos y servicios de su empresa de la competencia. Una imagen corporativa profesional, anclada con un diseño de logotipo de alta calidad consolidará el reconocimiento de la marca y forjará su nicho en el mercado.

Sí, esto es exactamente lo que hacemos. Brindamos servicios de diseño de logotipos personalizados basados ​​en el perfil de su empresa, ideas de diseño y preferencias de estilo. Podemos crear un logotipo personalizado basado en su idea y / o proporcionar nuestros propios conceptos únicos.

Hay una gran diferencia entre una imagen corporativa y una ilustración. Las imágenes corporativas son muy simples, lo que las hace únicas, memorables y altamente reconocibles desde cualquier distancia y en cualquier tamaño. Las ilustraciones tienden a estar en un lado pesado de detalles, con multitud de colores, sombras y detalles de imagen.

Las ilustraciones son generalmente una obra de arte muy complicada que pierde su calidad cuando se reduce su tamaño. Las imágenes muy ocupadas como estas son difíciles de leer y reconocer.

Su logo debe:

  • Refleja los valores de marca de tu producto o servicio
  • Diferenciarte de tus competidores
  • Ser estéticamente agradable
  • Obtenga reconocimiento rápidamente
  • Sé único y construido desde cero solo para ti
  • Impulsa tus ventas

Durante nuestra reunión inicial de logotipos, primero comenzamos discutiendo las ideas del cliente, el mercado objetivo y los usos de este logotipo. Luego solicitamos muestras de logotipos existentes que le gusten o no le gusten al cliente para tener una idea de su gusto.

A veces el cliente ya tiene un concepto de diseño en mente. Otras veces, no tienen idea de lo que quieren. De cualquier manera, nos aseguramos de haber recopilado suficiente información antes de comenzar a trabajar.

Nuestro servicio de diseño de logotipos es muy sencillo. Si desea ver conceptos adicionales después de nuestras tres ideas iniciales o si necesita un par de diseños de logotipos para varias compañías, nuestro servicio puede tener un precio según sus necesidades.

Muchos de nuestros clientes no están seguros de lo que quieren o de lo que causará mejores impresiones. Danos tanta información como puedas sobre lo que te gusta en el formulario de pedido. O bien, puede decirnos "que lo hagamos" y hacemos nuestras mejores estimaciones de lo que puede necesitar.

En la mayoría de los casos, nos llevaría de 5 a 10 días hábiles enviarle la primera fase del diseño del logotipo de borrador. Si no recibe noticias nuestras dentro de este período, contáctenos.

Una vez que se completa la primera fase, esperamos comentarios. Luego usaremos estos comentarios para llegar a la segunda fase del diseño del logotipo (si es necesario). Por lo general, nuestros clientes están satisfechos con los diseños iniciales. Muchos obtienen su logotipo final en esta fase.

A través del proceso de admisión, intentamos alinearnos con la dirección deseada para el logotipo y ofrecer conceptos únicos y de calidad para su consideración.

Esperamos que haya un concepto de la presentación que al menos le guste lo suficiente como para avanzar a través de nuestro proceso de revisión para llegar exactamente a donde lo desea. Creativa.dev ofrece revisiones ilimitadas a su concepto seleccionado como una representación de nuestro compromiso de entregar un diseño final que le encante.

Tu.

Marketing Digital

¿Estás listo para impulsar tu negocio pero no encuentras la respuesta que estás buscando? Echa un comentario a nuestras preguntas frecuentes.

Brindamos asistencia con el SEO en la página, incluidas las meta descripciones, el análisis de palabras clave, la creación de backlinks y el SEO fuera de la página, como las estrategias de creación de enlaces.

El contenido debe estar escrito y formado de tal manera que los rastreadores web pueden analizarlo y convertirlo en resultados de motores de búsqueda. Un buen diseño implica un código de carga rápida y un diseño de página claro que ayuda a que su página funcione mejor. Esto, a su vez, aumenta aún más su clasificación.

Si bien no hay garantías de alcanzar un cierto ranking, la inversión que realiza para optimizar su contenido nunca es una pérdida de tiempo. Un buen posicionamiento web para descubrir su sitio web. No te preocupes, podemos ayudarte.

El rendimiento de una estrategia PPC se reduce a elegir las palabras clave adecuadas. ¡No desea pagar por los clics de clientes potenciales no calificados! Podemos ayudarlo a desarrollar una estrategia que maximice su inversión publicitaria en palabras clave que traigan a sus personas objetivo a su sitio

Absolutamente Asistiremos con la investigación necesaria para identificar frases de palabras clave de cola corta y larga que arrojarán resultados.

Si aún no ha estado usando PPC, nos complace ayudarlo a comenzar. Si ya lo está utilizando, podemos proporcionarle información sobre cómo maximizar su eficiencia.

A menudo, la oferta de palabras clave demasiado amplia o poco relevante para su audiencia es la razón por la que gasta demasiado. Podemos ayudarlo a elegir las palabras clave óptimas para sus estrategias.

Cuando se hace bien, el marketing en redes sociales puede generar mucho más tráfico en su sitio web. Sin embargo, las personas que visitan su sitio web a través de las redes sociales a menudo tienen expectativas diferentes a las de la búsqueda de Google. Podemos ayudarlo a mapear sus canales digitales para optimizar las conversaciones.

Solo comuníquese con nosotros con su presupuesto público, su lista actual de palabras clave y sus objetivos de clics, ¡y lo analizaremos!