Simplifica y mejora la conversión del checkout de Restrict Content
Simplifica y mejora la conversión del checkout de Restrict Content

Mundo Funnel: Simplifica y mejora la conversión del checkout de Restrict Content Pro #10AniversarioMAXCF

Tiempo lectura:
17/06/2021
17/06/2021
Tiempo lectura:

Este post corresponde a la maratón de publicaciones que estamos haciendo con motivo del 10 aniversario de mi web y en el que están participando un montón de amigos. Entra en #10AniversarioMAXCF para no perderte los posts, sorteos y descuentos que hemos preparado.

Te traemos un snippet de código para que puedas mejorar el checkout de Restrict Content Pro, simplificándolo todo lo posible y estilizando sus elementos. Basta con que copies lo que aquí te traemos y lo pegues donde te decimos. 

Si necesitas saber más sobre esta herramienta y cómo usarla, te recomendamos que te pases por nuestra guía de Restrict Content Pro.

Recuerda modificar tanto el color como el texto que quieras que salga en tus botones de compra.

Simplifica y mejora la conversión del checkout de Restrict Content

#1 Aplica estilos al checkout


Añade en el style.css de tu child theme el siguiente código, modificando el valor #467feb por el color que prefieres que tenga el botón. Con estos estilos ocultamos cierta información prescindible del checkout, algunos campos y damos formato y estilo.

/** ESTILOS RESTRICT CONTENT PRO - mundofunnel.pro  **/
/* Separa la frase Accede para renovar o modificar... */
.rcp_login_link {
	margin: 0 0 2.5rem 0;
}
 
/* Oculta campos */
#rcp-payment-history,
#rcp_password_again_wrap,
#rcp_user_last_wrap,
#rcp_user_login_wrap,
.rcp_discounts_fieldset,
.rcp_header,
.rcp_registration_total_details {
	display: none;
}
 
/* Estilo con borde redondeado a los campos */
.rcp_form input:not([type="radio"]):not([type="checkbox"]) {
	width: 100%;
	border-radius: 5px;
	border: 2px solid #ddd;
}
 
.rcp_form input:not([type="radio"]):not([type="checkbox"]):focus {
	border-color: #467feb;
}
 
/* Estilo a la fuente de los campos */
.rcp_form fieldset:not(.rcp_agree_to_terms_fieldset):not(.rcp_agree_to_privacy_policy_fieldset) label {
	font-size: 0.6rem;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 5px;
}
 
/* Estilo terminos y privacidad */
.rcp_agree_to_terms_fieldset,
.rcp_agree_to_privacy_policy_fieldset {
	font-size: 0.8rem;
	margin-top: 1rem;
}
 
#rcp_agree_to_terms,
#rcp_agree_to_privacy_policy {
	margin: 0 8px;
}
 
#rcp_agree_to_terms_wrap,
#rcp_agree_to_privacy_policy_wrap {
	line-height: 1;
}
 
/* Estilo del boton de compra */
#rcp_submit {
	margin-top: 1rem;
padding: 1rem;
	border-color: #467feb;
	border-radius: 5px;
	background-color: #467feb;
	font-weight: bold;
	width: 100%;
}
 
#rcp_submit:hover {
	border-color: #4d4d4d;
	background-color: #4d4d4d;
	transform: scale(1.1);
	transition: 500ms linear;
}

#2 Simplifica el checkout


Ahora añade en el functions.php de tu child theme los siguientes códigos, que te permiten prescindir de determinados campos del checkout y cambiar el texto del botón de registro (si el archivo ya tiene la apertura <?php no se la pongas):

<?php
/**
 * Elimina el campo Usuario y usa como tal el email del cliente - mundofunnel.pro
 */
function mf_rcp_user_registration_data( $user ) {
    rcp_errors()->remove( 'username_empty' );
    $user['login'] = $user['email'];
    return $user;
}
add_filter( 'rcp_user_registration_data', 'mf_rcp_user_registration_data' );
/**
 * Elimina el requisito de añadir de nuevo la contraseña en el formulario de registro/checkout - mundofunnel.pro
 */
function mf_rcp_remove_password_mismatch( $posted ) {
    rcp_errors()->remove( 'password_mismatch' );
}
add_action( 'rcp_form_errors', 'mf_rcp_remove_password_mismatch' );
/**
 * Cambia el texto del botón "Registrar" para todos los niveles de membresía por "QUIERO SUSCRIBIRME" - mundofunnel.pro
 */
function mf_rcp_registration_register_button( $button_text ) {
	return __( 'QUIERO SUSCRIBIRME', 'rcp' );
}
add_filter( 'rcp_registration_register_button', 'mf_rcp_registration_register_button' );
cupón 5€ descuento membresias.online

Recuerda que los chicos de Mundo Funnel están participando en esta celebración tan especial con un descuento de 5€ para su directorio membresias.online

Puedes ver todos los regalos, sorteos y descuentos que hemos preparado para ocasión en el post del 10 aniversario 😉

Summary
🛒 Simplifica y mejora la conversión del checkout de Restrict Content
Article Name
🛒 Simplifica y mejora la conversión del checkout de Restrict Content
Description
Snippet de código para que puedas mejorar el checkout de Restrict Content Pro, simplificándolo todo lo posible y estilizando sus elementos
Author
Publisher Name
Max Camuñas

0 comentarios

Enviar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

[Información Básica sobre Protección de Datos] Responsable: Máximo Camuñas Fernández. Finalidad: moderar y responder comentarios. Legitimación: Consentimiento. Destinatarios: No se ceden a terceros. Se pueden producir transferencias. Derechos: Podrás ejercer tus derechos de acceso, rectificación, limitación y suprimir los datos en info@maxcf.es así como el derecho a presentar una reclamación ante una autoridad de control. Información adicional: en mi política de privacidad encontrarás información adicional sobre la recopilación y el uso de su información personal ,incluida información sobre acceso, conservación, rectificación, eliminación, seguridad, y otros temas.

¿Necesitas una página web, blog, landing o tienda online?
¡PIDE TU
PRESUPUESTO!
masterclass

10 CLAVES PARA QUE TU WEB BRILLE CON LUZ PROPIA

MASTERCLASS: 10 claves para que tu web brille con luz propia

guía

PARA DISEÑAR LOGOTIPOS MEMORABLES

GUÍA para diseñar logotipos memorables