Cómo agregar el correo electrónico y el icono del teléfono a su encabezado y menú

El correo electrónico y las llamadas telefónicas son algunas de las mejores y más efectivas formas de comunicarse con clientes potenciales. El correo electrónico y los iconos del teléfono deben ser visibles en su sitio web para crear urgencias y permitirles contactarlo. La Divic no incluye implícitamente el correo electrónico y los iconos del teléfono que se pueden hacer clic en el menú principal, pero es fácil agregarlos. En este artículo, echaremos un vistazo a cómo agregar íconos de correo electrónico e teléfono a su encabezado y menú. Los iconos de envío de divin divina predeterminados

Aquí hay un vistazo a los íconos implícitos con Div y cómo funcionan con el encabezado. Los iconos de división estándar se muestran en la barra de menú secundaria si agrega un número de teléfono o dirección de correo electrónico. Este menú aparece sobre el menú principal y se puede diseñar por separado del menú principal. La dirección de correo electrónico se puede hacer clic mientras el número de teléfono no lo es.

La barra de menú secundaria puede ser elegante con la personalización del tema. En este ejemplo, aumenté las fuentes, aumenté la distancia entre las líneas, cambié el fondo en azul y cambié su color a blanco, para que pudiera destacarse. Los íconos tienen el mismo color que las fuentes. No tienen comandos separados para que los iconos no se puedan ajustar, deshabilitar o reemplazar. También está limitado al lugar donde se colocan los íconos. Puede hacerlo con todo el ancho, pero si desea otros cambios, debe personalizarlo por código o con un complemento. Fiesta de icono Div

Divin Party Div resuelve este problema. Es un complemento de Div Space que agrega más de 30 nuevos iconos al Div. Están disponibles tanto en las opciones de tema, que se muestran en el encabezado y el sótano, así como en el módulo de red social, que se puede mostrar donde sea que pueda mostrar un módulo. Pueden ser elegantes al igual que cualquiera de los íconos que vienen con Div. La última versión de la División de Partes de Icon agrega iconos para el correo electrónico y el teléfono, con dos de cada una: Haga clic para enviar correo electrónico
Haz clic para llamar
Correo electrónico
Llamar
Los dos tipos de íconos funcionan de manera diferente y veremos ambos tipos en este artículo. Los activé en las opciones del tema de la división en este ejemplo.

Después de que se activen, corra hacia los campos e ingrese los enlaces (como cualquiera de las redes sociales). En este caso, es la dirección de correo electrónico y el número de teléfono. Agregar los iconos de división para la fiesta en la barra del menú principal

Para agregar cualquiera de los íconos sociales, incluidos el correo electrónico y los íconos del teléfono, en el menú principal, active la pantalla del icono social en el encabezado principal en la base de división. Solo active los iconos que desea mostrar. En este ejemplo, activé los iconos Haga clic para enviar un correo electrónico y hacer clic para llamar.

Así es como se ven los iconos en el menú. Estas son la configuración de menú predeterminada. También agregamos íconos para Deviantart y LinkedIn del Partido Divon. Deviantart y LinkedIn se encuentran entre los más de 30 que agregan Divon Party. Se muestran de izquierda a derecha en el orden en que aparecen en la lista de opciones de temas.

Al igual que el texto en el menú principal, puede ajustar los colores, las dimensiones, el espacio del icono, etc. En este ejemplo, aumenté el tamaño al máximo y cambié los colores. Agregar los iconos de división para la fiesta en la barra de menú secundaria también puede tener los iconos que se mostrarán en la barra de menú secundaria. Al personalizar el tema, seleccione para mostrar los íconos sociales en la barra de menú secundaria. Los iconos que pueden ser clics aparecen junto con cualquier otro iconado social que haya activado. En este ejemplo, activé Facebook, Twitter, Deviantart y LinkedIn.

En este ejemplo, aumenté el tamaño de los íconos, agregué el espacio entre las letras y las hice más oscuras. Ícono íconos de la fiesta en el sótano

Cualquier icono que haya activado en las opciones del tema de la Divicidad se muestra automáticamente en el sótano. Este ejemplo muestra todos mis íconos activados en el sótano. Al igual que la barra de menú secundaria, también puede hacer clic en ellos. Icons División Party Icons en el módulo de redes sociales

Los nuevos íconos también están disponibles en el módulo de redes sociales. En este ejemplo, agregamos el clic a los iconos de correo electrónico y haga clic para llamar a una sección en un aspecto que ya incluía el módulo de redes sociales. Mantuve la configuración predeterminada. El fondo verde para el ícono del teléfono lo ayuda a destacarse.

Aquí hay un vistazo al botón de correo electrónico habitual. Lo modelé para que coincida con el resto del seguimiento de las redes sociales en el paquete de apariencia de temas elegantes.


Los botones habituales (aquellos que no están etiquetados “hacen clic para”) funcionan ligeramente diferentes de los botones “hacer clic a”. Para el icono de correo electrónico, puede proporcionar un enlace para abrir una URL en lugar de su cliente de correo electrónico. La creación de un menú principal con los íconos Divi de Partripts hace mucho con el módulo de redes sociales, incluida la agregar a los encabezados y sótanos que construye con Div Builder. Para este ejemplo, creamos una página usando un aspecto de división. Utilizo una plantilla vacía, por lo que no tiene encabezado ni sótano. Luego agregué una fila a la parte superior para crear mi menú.

Así es como parece en apariencia. Usé elementos en diseño para crear el encabezado.

Por supuesto, no tiene que ser parte de la apariencia. En este ejemplo, agregué el menú y las redes sociales a mi propia sección en la parte superior de la página. Le di a la fila un color de fondo en la apariencia y una sombra de la caja, para que pudiera destacarse.

Así es como se vería en los dispositivos móviles. El módulo para rastrear las redes sociales se superpone al siguiente encabezado y sección, creando un diseño único para el encabezado móvil. Haga clic para enviar un correo electrónico y haga clic para llamar a los botones se ven muy bien en el encabezado y puede atraer a los visitantes a tomar medidas.

Uso de temas constructor con iconos de fiesta de iconos

Los íconos también están disponibles en el creador de temas utilizando el módulo de seguimiento de las redes sociales. Esta es una excelente manera de construir encabezados. Esta es una de las sedes globales para el constructor de temas de temas elegantes. El encabezado original incluía un botón de contacto en la fila superior. Lo reemplazé con un módulo de seguimiento de redes sociales y agregué los iconos, haga clic en el correo electrónico y haga clic para llamar.

Así es como se ve en el frente. Los botones en los que puede hacer clic ahora están en un área de exhortación a la acción sobre los botones de seguimiento social.
Así es como se vería en los dispositivos móviles. Los botones en los que puede hacer clic en destacar sobre el menú en el encabezado móvil. Personalizar un sótano para el generador de tareas

Aquí está el sótano global en el aspecto del constructor de temas de los temas elegantes. Incluye un CTA para una venta con una tienda de tiendas y botones de seguimiento social, seguido de varias áreas de widgets y un módulo para correo electrónico. Agregue los botones en los que se puede hacer clic.

Así es como se ve en el frente. Los botones en los que puede hacer clic se combinan perfectamente con botones sociales. Debido a que no incluyo texto, es fácil para los visitantes comprender que pueden hacer clic en ellos.

Pensamientos finales Esta es nuestra forma de agregar íconos de correo electrónico e teléfono a su encabezado y menú con Divon Party. Ofrecer a los visitantes con formas más convenientes de contactarlo no garantiza que esto sea, pero los hace más fáciles y esto es algo bueno. El mero hecho de que sea más fácil mejorar la probabilidad de que se comuniquen con usted si sienten la necesidad. Agregar íconos a su encabezado y su menú divino no tiene que ser difícil, y Divon Party hace que el trabajo sea lo más fácil posible. Para una mirada más en profundidad a la fiesta del icono, consulte el artículo Agregue más íconos al módulo de redes sociales con Icon Party. Queremos escuchar de ti. ¿Ha agregado íconos de correo electrónico e teléfono a su encabezado y menú? Cuéntanos sobre esto en los comentarios a continuación.