Comprender las bases y el punto de partida

1

Gestión de Contenidos Avanzada en WordPress

2

Entornos de Desarrollo Personalizados con Warp y Flight Bill

3

Creación de Tienda Online en WordPress con Gutenberg

Crear Post Types y Archivos

4

Organización de Contenidos en WordPress: Taxonomías y Etiquetas

5

Creación de Archivos PHP en WordPress para Mostrar Categorías

6

Mejorando la Navegabilidad en Sitios Web con WordPress

7

Personalización de Post Types en WordPress

8

Diferenciar Interfaces de Productos y Novedades en WordPress

9

WordPress: Crear Menú de Productos Relacionados con Loop Personalizado

10

Registro de Taxonomías Personalizadas en WordPress

11

Personalización de Páginas en WordPress con Advanced Custom Fields

Utilizar AJAX

12

Configuración de Formularios y Correos en WordPress

13

Desarrollo de Funciones Ajax en WordPress con PHP y JavaScript

14

Filtro de Productos con PHP y JavaScript en WordPress

15

Filtrado Dinámico de Productos en WordPress con PHP y JavaScript

La REST-API de WordPress

16

Uso del API REST de WordPress para integración y gestión de contenido

17

Creación de Endpoints Personalizados en WordPress API

18

Integración de API de WordPress en la Página Principal

Utilizar Bloques

19

Creación y Uso de Bloques en el Editor Gutenberg de WordPress

20

Creación de Bloques Personalizados en WordPress con PHP y JavaScript

21

Creación de Bloques Editables en WordPress con React

22

Bloques Dinámicos en WordPress: Creación y Uso Avanzado

23

Uso de InspectorControls en Bloques de WordPress

24

Registro y Personalización de Bloques en WordPress con ACF

25

Creación de Bloque Nativo con Renderizado del Lado del Servidor (SSR)

Deployment

26

Migración de un Sitio WordPress de Local a Servidor Real

27

Optimización SEO e Indexación con Plugins para Sitios Web

28

Seguridad y Configuración de Wordfence en Sitios WordPress

Finalizar el Curso

29

Creación y Personalización de Sitios Web con WordPress

Crea una cuenta o inicia sesión

¡Continúa aprendiendo sin ningún costo! Únete y comienza a potenciar tu carrera

Configuración de Formularios y Correos en WordPress

12/29
Recursos

¿Cuáles son los problemas comunes con el envío de correos en PHP?

Uno de los problemas más comunes que enfrentan los sitios que utilizan PHP para enviar correos electrónicos es que la función mail() no siempre está habilitada en los servidores. Esto puede llevar a que los correos no se envíen correctamente. Además, si no se implementan adecuadas validaciones, el sitio web podría estar expuesto a problemas de seguridad. Otro problema común es que los correos pueden ser identificados como spam, especialmente si no se envían desde un servidor SMTP dedicado.

¿Cómo resolver los problemas de envío de correos en WordPress?

Para solucionar los problemas asociados con el envío de correos electrónicos en WordPress, se pueden utilizar "plugins" especializados que mejoran las funcionalidades del sistema. A continuación, se presentan algunos útiles:

  • Contact Form 7: Este plugin es una herramienta popular para crear formularios y establecer validaciones necesarias. Proporciona una forma sencilla de implementar formularios de contacto en WordPress.

  • Contact Form 7 Database Extension: Este complemento ayuda a guardar los correos electrónicos en la base de datos antes de enviarlos, asegurando que no se pierda información incluso si los correos no se reciben correctamente o son eliminados por error.

  • WP Mail SMTP: Este plugin permite configurar un servidor SMTP específicamente para el envío de correos electrónicos, lo que mejora la tasa de entrega y reduce las posibilidades de que los correos terminen como spam.

¿Cómo configurar formularios de contacto en WordPress?

Para configurar correctamente un formulario de contacto usando Contact Form 7, siga estos pasos:

  1. Activar los plugins necesarios: Active Contact Form 7 y su extensión de base de datos desde el panel de administración de WordPress.

  2. Crear un formulario básico:

    • Diríjase al menú de Contact Form 7 para crear un nuevo formulario.
    • Añada los campos necesarios como nombre, correo electrónico, y área de texto.
    • Configure el diseño del formulario agregando clases CSS como form-control de Bootstrap para estilizar los campos de entrada.
  3. Configurar el envío de correos:

    • Personalice la plantilla del correo electrónico utilizando etiquetas que corresponden a los campos del formulario.
    • Incluya información adicional como el título del producto en los correos enviados usando etiquetas especiales de Contact Form 7.
  4. Insertar el formulario en las páginas:

    • Utilice el shortcode proporcionado por Contact Form 7 para insertar el formulario en las páginas específicas de su sitio.

Ejemplo de código para un formulario de contacto

<form id="contact-form" method="post" action="/path/to/your/script.php">
    <div class="form-group">
        <label for="name">Nombre</label>
        <input type="text" id="name" name="name" class="form-control" placeholder="Tu nombre">
    </div>
    <div class="form-group">
        <label for="email">Email</label>
        <input type="email" id="email" name="email" class="form-control" placeholder="Tu email">
    </div>
    <div class="form-group">
        <label for="message">Consulta</label>
        <textarea id="message" name="message" class="form-control" rows="4" placeholder="Tu mensaje"></textarea>
    </div>
    <button type="submit" class="btn btn-primary">Enviar</button>
</form>

¿Cómo configurar un servidor SMTP en WordPress?

Para configurar un servidor SMTP usando el plugin WP Mail SMTP, siga estos pasos:

  1. Instalar y activar el plugin WP Mail SMTP desde el repositorio de plugins de WordPress.

  2. Configurar los ajustes SMTP:

    • Introduzca la dirección de correo electrónico y el nombre que se utilizará como remitente.
    • Proporcione los detalles del servidor SMTP, como el host, el tipo de cifrado, y el puerto correspondiente.
    • Autentique con las credenciales de acceso para el servidor SMTP elegido.
  3. Prueba de envíos:

    • Utilice la opción de "Enviar correo de prueba" dentro de WP Mail SMTP para verificar que la configuración sea correcta y que los correos se envíen exitosamente.

Esta guía ofrecida es solo un inicio. Al utilizar estos plugins, está en camino de mejorar la capacidad de interacción en sus sitios web de WordPress de manera segura, optimizada y profesional. ¡Siga aprendiendo e innovando!

Aportes 20

Preguntas 13

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

Algunos de los email-tags que se pueden utilizar en contact form 7

[_post_id] — This tag is replaced by the ID of the post.

[_post_name] — This tag is replaced by the name (slug) of the post.

[_post_title] — This tag is replaced by the title of the post.

**[_post_url] **— This tag is replaced by the permalink URL of the post.

**[_post_author] **— This tag is replaced by the author name of the post.

[_post_author_email] — This tag is replaced by the author email of the post.

Link para mas email-tags: https://contactform7.com/special-mail-tags/

¿Cómo funcionan los emails en WordPress?


Problemas para utilizar Emails en nuestro Wordpress:

  • La función Email está deshabilitada en nuestro servidor, y hace que los correos no se envíen.
  • Los formularios no se validan y son vulneran la seguridad del sitio web.
  • Los correos llegan siempre a la bandeja de SPAM.
  • Envíos masivos formularios desde el sitio web.

Para resolver estos problemas, vamos a utilizar plugins.

  • Contact form 7 → Para generar formularios.
  • Contact form CFDB 7 → Es un complemento que previo a enviar el correo, lo almacena en la base de datos.
  • Easy WP SMTP → Nos permite configurar un servidor externo.

ERROR

🤔🤔🤔🤔🤔

single-producto.php:

<?php get_header(); ?>
    <main class="container">
    <h1><?php the_title(); ?></h1>

        <?php if (have_posts()) {
    while (have_posts()) {
        the_post(); ?>
        <div class="row my-5">
            <div class="col-md-6 col-12">
                <?php the_post_thumbnail('large'); ?>
            </div>
            <div class="col-md-6 col-12">
            <?php echo do_shortcode('[contact-form-7 id="64" title="Formulario de contacto 1"]'); ?>
            </div>
                <div class="col-12">
                    <?php the_content(); ?>
                </div>
        </div>
        <?php $args = array(
            'post_type' => 'producto',
            'posts_per_page' => 6,
            'order' => 'ASC',
            'orderby' => 'title'
        );

        $productos = new WP_Query($args); ?>

        <?php if ($productos->have_posts()) { ?>
            <div class="row text-center justify-content-center productos-relacionados">
            <div class="col-12">
                <h3>Productos Relacionados</h3>
            </div>
                <?php while ($productos->have_posts()); { ?>
                    <?php $productos->the_post(); ?>
                    <div class="col-2 my-3 text-center">
                        <?php the_post_thumbnail('thumbnail'); ?>
                        <h4>
                        <a href="<?php the_permalink(); ?>">
                            <?php the_title(); ?>
                        </a></h4>
                    </div>

            <?php
        }
         ?>   </div>
<?php
        } ?>
    <?php
    }
}?>
    </main>
<?php get_footer(); ?>

Aquí les comparto una guía que me ayudó a configurar el SMTP y el servidor de correos: https://www.wpbeginner.com/wp-tutorials/how-to-fix-wordpress-not-sending-email-issue/

Yo para validar los datos desde local utilizo el mercury de xampp conectado con el cliente de gmail. Eso me ha servido mucho para validar que los correos no se vayan a la badeja de Spam.

Profesor Lucio una pregunta para el tema de captcha o reCaptcha v3 como se maneja con contact form 7?

Gracias ppor la clase. Todo clarísimo

Contact Form 7 recomienda Flamingo para almacenamiento de mensajes.

Contra el spam, usando el plugin Easy WP SMTP

los que usen xampp como yo, les fallara. deben usar post smtp y config pej su cuenta de gmail y listo

Recomiendo también Flamingo para almacenar mails en una base de datos.

Imagina que has creado un sitio web que incluye una página de inicio, un par de páginas individuales y muchas entradas del blog. También estás utilizando un tema personalizado que incluye estos archivos de plantilla:

index.php
home.php
page.php
archive.php
category.php
Esta es una colección pequeña y ordenada de archivos de plantilla, pero es más que suficiente para potenciar un sitio web. En este caso, si visitaras la página de inicio, WordPress cargaría la plantilla home.php.

Aquí hay algunos ejemplos de otras páginas que podrías visitar y los archivos de plantilla que usarían:

Una entrada cualquiera cargaría a index.php como su archivo de plantilla, porque no hay otras opciones desde su jerarquía.
Cualquier categoría que quieras visitar utilizará category.php, ya que está disponible. Si no fuera así, WordPress cargaría archive.php en su lugar.
Tus páginas individuales usarían page.php, pero pasarían a index.php si la anterior no estuviera disponible.
Como no tienes una página de error, WordPress usaría index.php como plantilla en esa situación.
Hay muchos más ejemplos que podríamos usar, pero estos deberían darte una idea de cómo funcionaría este sitio. Las plantillas que WordPress usará están determinadas por los archivos que tu tema ha configurado y las jerarquías que te presentamos anteriormente. Con suerte, la información que hemos incluido aquí puede servir como referencia si alguna vez necesitas trabajar con la jerarquía de plantillas de WordPress en el futuro.

La función Email está deshabilitada en nuestro servidor, y hace que los correos no se envíen.
Los formularios no se validan y son vulneran la seguridad del sitio web.
Los correos llegan siempre a la bandeja de SPAM.
Envíos masivos formularios desde el sitio web.
Para resolver estos problemas, vamos a utilizar plugins.
Contact form 7 → Para generar formularios.
Contact form CFDB 7 → Es un complemento que previo a enviar el correo, lo almacena en la base de datos.
Easy WP SMTP → Nos permite configurar un servidor externo.

por que los correos me llegan al spam

Si tienen Hostinger este tutorial me ayudó a configurarlo How to Configure WordPress to Send Emails Using SMTP Plugin

Alguna sugerencia, para enviar email de avisos a mis suscriptores (más de 1000) cuando publico un artículo? si es gratuita la herramienta mejor, pero escucho opciones.
Funcionaría bien configurando una cuenta Gmail como SMTP ?

Cómo puedo hacer un campo para validar el correo electrónico? O sea que sean iguales los correos.

No me hacía sentido la ubicación del formulario, así la modifiqué:

            <div class="row my-5">
                <div class="col-md-6 col-12">
                    <?php the_post_thumbnail('large'); ?>
                </div>
                <div class="col-md-6 col-12">
                    <?php the_content(); ?>
                </div>
            </div>
            <div class="row my-5 bg-light">
                <div class="col-12 col-md-8 offset-md-2 col-lg-6 offset-lg-3 mt-5">
                    <h3 class="text-center">¿Tienes alguna consulta?</h3>
                    <?php echo do_shortcode('[contact-form-7 id="54" title="Contact form 1"]'); ?>
                </div>
            </div>

Hola Gente ! como están? estaba uscando profe particular para realizar un proyecto de Wordpress! Quien esté interesado/a hablemé 351433619

Probando con servidor SMTP. Gmail y Outlook!

Un poco de apoyo, no puedo conectar mi sitio de wordpress con la aplicacion local, como puedo hacerlo?