Saltar al contenido

Ariapsa - Diseño de páginas web México

Base de conocimiento

¿No encuentras lo que buscas? Intenta buscar en el blog general

WooCommerce

Hosting, CDN, Servidores

Varios según lo que requieras:

1.- Webempresa, empresa de hosting española con buen hosting para WordPress y WooCommerce.

2.- Siteground, panel propio, respaldos diarios, buen hosting para WooCommerce incluye plugin optimización de carga, CDN 10GB y plugin seguridad, correos los que necesites, imágenes en Webp.

2.- Aztrus, panel personalizado, respaldos, ideal hosting para WooCommerce incluye plugin optimización de carga cache, convierte imágenes a Webp, CDN 10GB y plugin seguridad, correos.

3.- Hostinger, por su sistema liteSpeed cache para el tiempo de carga. 

 

 

Plugins

Varios complementos según lo que necesites:

1.- Side Cart WooCommerce by XootiX , AJAX, ventana emergente de compra en la misma pagina de tienda, inicio o producto.

Varios complementos según lo que necesites:

1.- Código añadir en funciones o en code snippets:

[code]

add_action( 'woocommerce_before_add_to_cart_form', 'dcms_question_whatsapp' );

function dcms_question_whatsapp(){
$phone = '525515130000';
$message = 'Quiero cotizar un número de piezas diferente del producto: '.get_the_title().' ';
$text = 'Quiero cotizar un número de piezas diferente';
$ico = '<i class="fab fa-whatsapp" aria-hidden="true"></i>';

$url = 'https://api.whatsapp.com/send?phone='.$phone.'&amp;text='.str_replace(' ', '%20', $message);
$link = '<a class="dc-link" href="'.$url.'" target="_blank">'.$ico. ' <span>'.$text.'</span></a>';

echo '<div class="dc-whatsapp-container">'. $link. '</div>';
};

[/code]

2.- Plugins:

A.- Chat to order (no actualizado 2 años viejo), pero el más completo en su versión free.

B.- Click to Chat Autor: HoliThemes

1.- Shipping Method Display Style for WooCommerce
By theDotstore / Muestra una tabla de método de envío DESPLEGABLE para que pueda evitar una larga lista de métodos de envío.

Idiomas

1.- Currency Switcher for WooCommerce / Autor: WP Wham, permite cambiar de divisa estableciendo un precio fijo.

Código en funciones o Code Snippets para colocar opciones en pagina de producto:

[code]

add_action('woocommerce_before_add_to_cart_form','divisa',30);
function divisa() {
if(is_product() && has_term('Comprados desde EEUU', 'product_cat')){
echo "<div class='divisaariapsa'>";
echo do_shortcode('[woocommerce_currency_switcher_radio_list]');
echo "</div>";
}
}

[/code]

Estilo para pagina de producto:

[code]

add_action( 'wp_head', function () { ?>
<style>
.divisaariapsa {
background-color: #e1ccde;
color: #ba007d;
margin: 3px 2px 15px 2px;
padding: 8px 3px 8px 5px;;
border-radius: 10px;
}
</style>
<?php } );

[/code]

 

 

Buscadores Woo

1.- Advanced Woo Search / Por ILLID: Buscador para WooCommerce en su versión Free, ofrece búsquedas en tiempo real usando AJAX, ideal para host potentes, permite personalizar las características pero no visual para el usuario para esto último se necesita la versión premium. 

1.- WOOF - WooCommerce Products Filter /  Por realmag777: Ideal para añadir en tienda, es posible instalarpor widget o por shorcode [woof].

Ejemplo instalación de filtro por shortcode en head de tienda, instala en funciones o code snippets:

[code]

add_action('woocommerce_before_shop_loop','filtro',30);
function filtro() {
echo do_shortcode('[woof]');
}

[/code]

Elementor

1.- Essential Addons for Elementor / By WPDeveloper: Varios Widgets Lightbox y Modal (pro): cree ventanas emergentes interactivas después de activar acciones

2.- Elementor Addon Elements / Autor: WPVibes: Varios widgets, Ventana emergente modal: agregue un botón Leer más en el archivo de publicación que abre el contenido en una ventana emergente usando el widget Ventana emergente modal.

LMS
Idiomas

1.- Automatic Translator with Google Translate / Por Pampa Dev

2.- WordPress Translation plugin for Post, Pages & WooCommerce products. Tranzly IO AI DeepL automatic WordPress Translator. / Por tranzly

1.- Polylang / Por WP SYNTEX

Varios

1.- Logo Showcase with Slick Slider / Por InfornWeb / compatible con móviles.

WordPress

Plugins

Mejores plugins para optimizar imágenes de tu web:

1.- EWWW Image Optimizer / Comprimir imágenes WP, crea copias y elimina en un rango de tiempo las originas así que mas vale realices backup, también tiene versión premium para imágenes webp o usar su CDN.

2.- Optimizador.io el plugin de Webempresa, se optimizan en segundo plano en sus servidores y se devuelven optimizadas una buena opción para no ralentizar tu web.

3.-Smush Por WPMU DEV, es bueno aunque no se nota en tiempo de carga la comprensión es baja, aunque en su versión premium asegura ser excelente lo sirve desde su CDN.

 

1.- The Paste, Por Jörn Lund. Copie datos de imagen desde muchas aplicaciones de escritorio.

Existen tres plugins esenciales para evitar recibir excesivo spam:

1.-Activa plugin JETPACK : Activa Protección fuerza bruta.

2.-Activa plugin AKISMET Antispam, en versión para blog para particulares es free.

3.-Activa plugin CAPTCHA 4WP | Por WP White Security, este plugin activa para la mayoría de formularios el elemento de desafío no soy un robot de Google reCAPTCHA .

4.-Alternativa a reCAPTCHA (sólo activa uno de los dos, ver articulo comparativa) hCaptcha for WordPress, puedes crear una cuenta en el sitio hCaptcha.

5.-Si tu correo corporativo anda publicado por ahí, te sugiero eliminarlo y/o subir el nivel Apache SPAM Assassin en su C-panel.

Revisar

1.- Popup maker / Ideal para woocommerce


2.- Advanced Ads – Ad Manager & AdSense | Por Thomas Maier, Advanced Ads GmbH


3.- Poptin / https://www.poptin.com/es / Plugin de tercero con reglas de visualización.


4.- Icegram: Popups, Welcome Bar, Optins and Lead Gener / Por icegram

Diseño web

Problema de visualización en móviles, el sitio se mueve o espacio en blanco a la derecha.

Código para error, instala en funciones o code snippets:

[code]

add_action( 'wp_head', function () { ?>
<style>

html, body {
max-width: 100% !important;
overflow-x: hidden !important;
}

</style>
<?php } );

[/code]

1.- WP-Favs - Por Ido Navarro / Permite crear lista de plugins favoritos para instalar en otros sitios web.

1.- Livemesh Addons for Elementor  Por Livemesh 

2.- WPB Elementor Addons Por wpbean

3.- Flex Posts - Widget and Gutenberg Block Por Tajam 

4.- Super RSS Reader Por Aakash Chakravarthy

Formularios, Chats y WhatsApp

1.- BlueCaribu - El chatbot realiza preguntas, captura los datos, te notifica inmediatamente y los guarda para continuar el proceso de venta
Una vez termine la conversación serás notificado en tiempo real vía email para que sepas que tienes un nuevo contacto guardado en el CRM (o en tu plataforma favorita si lo has integrado con terceros) para que lo gestiones.

1.- Builder for Contact Form 7 by Webconstruct – Drag & Drop Contact Form Builder - By Webconstruct team / Es posible personalizar visualmente el popular plugin de contacto Contact Form 7.

Áreas restringidas

1.-WP Customer Area / Por Foobar Studio:  WP Customer Area es una solución modular todo en uno para administrar contenido privado con WordPress. Compartir archivos/páginas con
uno o varios usuarios es una de las funciones principales.

2.- Client Portal – Private user pages and login / Por Cozmoslabs: (Ver video) Crea páginas privadas para cada usuario. Solo el propietario de la página puede acceder al contenido de esa página
después de iniciar sesión. Para el inicio de sesión y el registro de usuarios, recomendamos el complemento gratuito Profile Builder .

3.- Ultimate Member – User Profile, User Registration, Login & Membership Plugin
By Ultimate Member: El complemento facilita que los usuarios se registren y se conviertan en miembros de su sitio web. El complemento le permite agregar hermosos perfiles de usuario a su sitio y es perfecto para crear comunidades en línea avanzadas y sitios de membresía.

 

Contenido
Aplicaciones

Crear un acceso directo de tu celular a tu sitio web PWA Progressive Web Apps

1.- Super Progressive Web Apps / Por SuperPWA

2.- PWA / Por PWA Plugin Contributors

BD, PHP, MySQL

Migraciones Host

1.- Acceder a C-Panel Ariapsa o panel de Aztrus

2.- Acceder a phpMyAdmin

3.- Seleccionar la BD (Bases de datos)

4.- Selecciona SQL

Lanza las consultas SQL para cambiar la URL de la migración de WordPress:

IMPORTANTE: Si modificaste los prefijos de tus tablas deberás indicar los tuyos, en el ejemplo usaremos el prefijo por defecto: “wp”.

En las sentencias siguientes deberás modificar las URL 'http://www.tudireccionwebactual.com' por la URL que usas actualmente y 'http://www.tudireccionwebnuevo.com' por la URL que deseas configurar._**

1. La primera sentencia que vamos a ejecutar será la encargada de actualizar la tabla wp_options:

UPDATE wp_options SET option_value = replace(option_value, 'http://www.tudireccionwebactual.com', 'http://www.tudireccionwebnuevo.com') WHERE option_name = 'home' OR option_name = 'siteurl';

Una vez introducida la sentencia SQL pulsa en “Continuar” para que se ejecute y realice los cambios.

2. Acto seguido vamos a modificar las URL de páginas y las entradas:

UPDATE wp_posts SET guid = replace(guid, 'http://www.tudireccionwebactual.com', 'http://www.tudireccionwebnuevo.com');

Y pulsamos nuevamente en “Continuar” para ejecutarla.

3. La siguiente sentencia es para actualizar los enlaces del contenido:

UPDATE wp_posts SET post_content = replace(post_content, 'http://www.tudireccionwebactual.com', 'http://www.tudireccionwebnuevo.com');

4. Y la última sentencia es para modificar las URL de los custom fields:

UPDATE wp_postmeta SET meta_value = replace(meta_value, 'http://www.tudireccionwebactual.com', 'http://www.tudireccionwebnuevo.com');

Con estos pasos habrás modificado correctamente la URL que usa tu WordPress.

======== COMPLETA =======

UPDATE wp_options SET option_value = replace(option_value, 'http://www.viejaURL', 'http://www.nuevaURLAriapsa') WHERE option_name = 'home' OR option_name = 'siteurl';

UPDATE wp_posts SET guid = replace(guid, 'http://www.viejaURL','http://www.nuevaURLAriapsa');

UPDATE wp_posts SET post_content = replace(post_content, 'http://www.viejaURL', 'http://www.nuevaURLAriapsa');

UPDATE wp_postmeta SET meta_value = replace(meta_value,'http://www.viejaURL','http://www.nuevaURLAriapsa');

 
 
 

¿Necesitas ayuda? contáctanos 

Seguridad y SSL

SSL y Seguridad

Dependiendo que mensaje te aparezca cuando acceder a tu web, debes primero desactivar SSL de CloudFlare tanto si usaran CloudFlare para SSL o no, ve al sitio dentro de Cloudflare em ventana SSL/TLS y marca

Encrypts end-to-end, but requires a trusted CA or Cloudflare Origin CA certificate on the server
 
Regresa a tu sitio web, una vez que logres acceder ve a plugins e instala Flexible SSL for CloudFlare Por One Dollar Plugin.
 
Regresa a Cloudflare en SSL/TLS y marca -
Encrypts traffic between the browser and Cloudflare
 
¿Necesitas ayuda? contáctanos 

1.- Si tienes instalado plugins de bloqueo de spam o bloqueo de bots como jetpack, blackhole antispam etc, debes dirigirte a tu tu c-panel o administrador de hosting/ en archivos/ public_html / wp-content/ plugins y renombrar los plugins antispam o anti bots. Vuelva a entrar a su sitio web, active su plugin de seguridad y añada su IP en la lista blanca de sus plugins de seguridad. 

Conocer tu IP AQUI 

1.- Instala Really Simple SSL by By Really Simple Plugins

2.- Alternativa WP Force SSL & HTTPS SSL Redirect
By WebFactory Ltd

Google Analytics

Pueden tardar hasta 24 horas en aparecer en su cuenta de Analytics.

======== TAG MANAGER ========

Inserte en funciones o code snippets:

[code]

/*
Plugin Name: Insertar Google Tag Manager en WordPress
Plugin URI: https://ariapsa.com
Description: Plugin para insertar los Scripts de Google Tag Manager
Version: 1.0.0
Author: Ariapsa
License: GPL 2+
License URI:
*/

// Añadir el código de Google Tag Manager  <head>

add_action( 'wp_head', 'apsa_google_tag_manager1' );

function apsa_google_tag_manager1() { ?>

<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXXXXX');</script>
<!-- End Google Tag Manager -->

<?php }

// Añadir el código de Google Tag Manager code justo debajo de la apertura de la etiqueta <body>

add_action( 'wp_footer', 'apsa_google_tag_manager2' );

function apsa_google_tag_manager2() { ?>

<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXXXXX"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

<?php }

[/code]

Legal: Aviso de privacidad, RGPD/GDPR, términos otros

Si, si tu web vende producto o servicios, comercializa u ofrece suscripciones en la unión europea y paises miembros de Europa y/o residentes europeos.

RGPD/GDPR aprobado el 27 de abril de 2016, entro en vigor 25 de mayo de 2016 sustituyendo el antiguo reglamento de protección de datos, aplicable régimen sancionador 25 de mayo de 2018.

Si tu web no pretende vender o comercializar para Europa entonces no es necesario, pero si es aplicable El Aviso de Privacidad en MÉXICO.

Marketing

Buyer Persona es la representación ficticia de tu cliente ideal. Está representación está basada en datos reales sobre el comportamiento y las características del cliente potencial.

El ajuste del producto al mercado Product Market Fit describe un escenario en el que los clientes objetivo de una empresa compran, usan y les cuentan a otros sobre el producto de la empresa en cantidades lo suficientemente grandes como para sostener el crecimiento y la rentabilidad de ese producto. Según el empresario e inversionista Marc Andreesen, a quien a menudo se le atribuye el desarrollo del concepto, la adecuación del producto al mercado significa encontrar un buen mercado con un producto capaz de satisfacer ese mercado.

Interlinking es una red de enlaces internos de nuestro propio sitio web con el objetivo de relacionar contenido entre sí.

El término “evergreen” en marketing podría definirse como aquello que sigue siendo útil o vigente a pesar del paso del tiempo ejemplo: Tutoriales, Checklists, Diccionarios, Artículos.

Aquello que pierde importancia y valor con el tiempo ejemplo: Noticias, Estadísticas.

CRM

A.- Leadsales 

B.- Sirena: Recomendado si tienes un equipo de ventas para mantener un flujo de comunicación para cada etapa de desarrollo con el cliente.

Código

[code]

<iframe src="https://docs.google.com/spreadsheets/d/e/2PACX-1vSz3eSCF1FeAWxjwwkcCprTRCIwUxHnNFPtIsOeAFZyBX_MdhSiIGPwxSHbZUfedUV_XQW6j33AyPKg/pubhtml?widget=true&amp;headers=false" width="200" height="350"></iframe>

[/code]

Plugins:

1.- EmbedPress