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.
#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' );
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 😉
0 comentarios