{"id":12932,"date":"2022-03-31T16:32:16","date_gmt":"2022-03-31T23:32:16","guid":{"rendered":"https:\/\/membermouse.com\/?p=12932"},"modified":"2024-09-18T12:53:51","modified_gmt":"2024-09-18T16:53:51","slug":"elementor-membership-plugin","status":"publish","type":"post","link":"https:\/\/membermouse.com\/es\/marketing\/elementor-membership-plugin\/","title":{"rendered":"C\u00f3mo construir su sitio con MemberMouse y Elementor"},"content":{"rendered":"<!-- wp:paragraph -->\n<p>El dise\u00f1o es una de las etapas m\u00e1s importantes de la creaci\u00f3n de un sitio de afiliaci\u00f3n. Tanto si empiezas desde cero como si ya tienes un sitio web, lo que quieres es crear una experiencia bonita, agradable y funcional para tus afiliados.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Lo sabemos porque casi todas las semanas recibimos preguntas de nuestros clientes sobre c\u00f3mo dar estilo a los elementos principales de sus sitios, como las p\u00e1ginas de pago, los paneles de control de los miembros, las \u00e1reas de distribuci\u00f3n de contenidos, etc.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>While MemberMouse is an incredibly powerful membership tool, it's essentially design agnostic. That means it works \"behind the scenes\" to handle everything that goes into running a membership site and lets your WordPress theme determine how things look. And unless you're a WordPress developer or have some serious design chops, it can be frustrating to get your site to look exactly the way you want.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Por eso los creadores de p\u00e1ginas se han hecho tan populares. Son herramientas maravillosas que te permiten construir visualmente, en lugar de con c\u00f3digo. Y de todos los constructores de p\u00e1ginas en el mercado, <a href=\"https:\/\/membermouse.com\/es\/elementor\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Elementor<\/a> es sin duda uno de los m\u00e1s destacados.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>(No te preocupes si usas Divi - tenemos <a href=\"https:\/\/membermouse.com\/es\/integracion\/membermouse-divi-layout-pack\/\" target=\"_blank\" rel=\"noopener noreferrer\">lo perfecto para ti<\/a>)<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Para ayudarte a crear un sitio que tenga un aspecto estupendo y funcione bien, hemos creado este v\u00eddeo tutorial en profundidad. En \u00e9l, te mostraremos c\u00f3mo construir tu sitio utilizando Elementor y MemberMouse. Aprender\u00e1s a utilizar las funciones b\u00e1sicas de ambas herramientas para que sepas c\u00f3mo ponerlas al servicio de tu negocio. Estamos muy contentos de compartir esto contigo y esperamos que te ayude a dise\u00f1ar tu sitio web sin quebraderos de cabeza.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>\u00bfListo para sumergirte? Dale al play en el siguiente v\u00eddeo.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:embed {\"url\":\"https:\/\/youtu.be\/EAZ1DZh0fG4?feature=shared\",\"type\":\"video\",\"providerNameSlug\":\"youtube\",\"responsive\":true,\"className\":\"wp-embed-aspect-16-9 wp-has-aspect-ratio\"} -->\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\nhttps:\/\/youtu.be\/EAZ1DZh0fG4?feature=shared\n<\/div><\/figure>\n<!-- \/wp:embed -->\n\n<!-- wp:paragraph -->\n<p><script src=\"https:\/\/fast.wistia.com\/embed\/medias\/sigybc5eik.jsonp\" async=\"\"><\/script><script src=\"https:\/\/fast.wistia.com\/assets\/external\/E-v1.js\" async=\"\"><\/script><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:html -->\n<div id=\"section-highlights\" class=\"section-content-area\">\n<h3 class=\"title-budicon\"><i class=\"budicon-task-love color-blue\"><\/i> Resumen en v\u00eddeo<\/h3>\n<table class=\"table table-detail\">\n<tbody>\n<tr>\n<th class=\"column-timestamp color-dark\">0:00<\/th>\n<td>Intro &amp; Overview<\/td>\n<\/tr>\n<tr>\n<th class=\"column-timestamp color-dark\">2:50<\/th>\n<td>Crear la p\u00e1gina de inicio de los miembros con MemberMouse<\/td>\n<\/tr>\n<tr>\n<th class=\"column-timestamp color-dark\">13:34<\/th>\n<td>C\u00f3mo trabajar con SmartTags de datos de socios para crear una experiencia personalizada<\/td>\n<\/tr>\n<tr>\n<th class=\"column-timestamp color-dark\">24:42<\/th>\n<td>C\u00f3mo utilizar la etiqueta inteligente Decisi\u00f3n de los Miembros para mostrar contenido de forma din\u00e1mica<\/td>\n<\/tr>\n<tr>\n<th class=\"column-timestamp color-dark\">46:52<\/th>\n<td>C\u00f3mo dise\u00f1ar una p\u00e1gina de pago<\/td>\n<\/tr>\n<tr>\n<th class=\"column-timestamp color-dark\">54:00<\/th>\n<td>Conclusi\u00f3n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<!-- \/wp:html -->\n\n<!-- wp:heading {\"level\":3,\"className\":\"title-budicon\"} -->\n<h3 class=\"wp-block-heading title-budicon\"><i class=\"budicon-star color-blue\"><\/i> <strong>Lo que aprender\u00e1 en este v\u00eddeo<\/strong><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>En este tutorial te mostraremos c\u00f3mo combinar la potencia de MemberMouse y Elementor. Despu\u00e9s de verlo, sabr\u00e1 c\u00f3mo utilizar las potentes funciones de MemberMouse y dise\u00f1ar un sitio que le encantar\u00e1. En este ejemplo, empezaremos creando una p\u00e1gina de inicio para miembros desde cero.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image -->\n<figure class=\"wp-block-image\"><img src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2022\/03\/1f12ab21-member-homepage.png\" alt=\"ejemplo de p\u00e1gina de inicio para miembros\"\/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Adem\u00e1s, ver\u00e1 c\u00f3mo puede utilizar las etiquetas inteligentes MemberMouse SmartTags, como la etiqueta <a href=\"https:\/\/membermouse.com\/es\/docs\/datos-del-miembro-smarttag-mm_member_data\/\" target=\"_blank\" rel=\"noopener noreferrer\">Datos de los miembros SmartTag<\/a> &amp; <a href=\"https:\/\/membermouse.com\/es\/docs\/decision-del-miembro-smarttag-mm_member_decision\/\" target=\"_blank\" rel=\"noopener noreferrer\">Decisi\u00f3n de los miembros SmartTag<\/a> - para personalizar la experiencia de sus miembros y mostrar contenidos de forma din\u00e1mica. Es muy divertido (en nuestra humilde opini\u00f3n).<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Y en la segunda parte del v\u00eddeo, tambi\u00e9n veremos c\u00f3mo dise\u00f1ar una p\u00e1gina de pago que se adapte al aspecto de su sitio web:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image -->\n<figure class=\"wp-block-image\"><img src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2022\/03\/ffed4966-membership-checkout-page.png\" alt=\"ejemplo de p\u00e1gina de pago de afiliaci\u00f3n\"\/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>A continuaci\u00f3n encontrar\u00e1s m\u00e1s informaci\u00f3n y recursos sobre algunos de los conceptos clave que tratamos en el v\u00eddeo. Si te quedas atascado o tienes dudas, estamos aqu\u00ed para ayudarte. Deja un comentario en este post y te ayudaremos en cuanto podamos.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3,\"className\":\"title-budicon\"} -->\n<h3 class=\"wp-block-heading title-budicon\"><i class=\"budicon-browser-tick color-blue\"><\/i><strong> C\u00f3mo utilizar la etiqueta inteligente para decisiones de los afiliados<\/strong><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>En <strong>24:40<\/strong> en el tutorial, le mostramos c\u00f3mo puede utilizar la etiqueta inteligente Decisi\u00f3n de miembro para mostrar contenido de forma din\u00e1mica en funci\u00f3n de si alguien posee o no un determinado producto.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Como mencionamos en el v\u00eddeo, <a href=\"https:\/\/membermouse.com\/es\/docs\/decision-del-miembro-smarttag-mm_member_decision\/\" target=\"_blank\" rel=\"noopener noreferrer\">aqu\u00ed est\u00e1 el enlace al art\u00edculo de apoyo<\/a> con toda la informaci\u00f3n que necesita para poner en pr\u00e1ctica estas funciones en su sitio web.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Aqu\u00ed tienes un ejemplo del fragmento de c\u00f3digo que pegar\u00edas en un bloque HTML para implementarlo en tu sitio:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\">\n\n<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\">\n\n<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:paragraph -->\n<p>S\u00f3lo aseg\u00farate de actualizar el n\u00famero de ID del paquete para que coincida con el paquete con el que est\u00e1s trabajando.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3,\"className\":\"title-budicon\"} -->\n<h3 class=\"wp-block-heading title-budicon\"><i class=\"budicon-doodle color-blue\"><\/i><strong> C\u00f3mo personalizar su p\u00e1gina de pago<\/strong><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>A menudo nos preguntan c\u00f3mo hacer que una p\u00e1gina de pago MemberMouse se ajuste al estilo de su tema o constructor de p\u00e1ginas. Por eso, en esta secci\u00f3n (en <strong>46:52<\/strong> en el tutorial) le mostramos c\u00f3mo hacer que cualquier p\u00e1gina de pago coincida con el aspecto del resto de su sitio. Y la buena noticia es que todo lo que necesitas hacer es copiar y pegar un peque\u00f1o fragmento de c\u00f3digo en la secci\u00f3n que deseas cambiar en Elementor.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image -->\n<figure class=\"wp-block-image\"><img src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2022\/03\/277b5aa6-elementor-css.png\" alt=\"elementor css ejemplo\"\/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>En la secci\u00f3n Clases CSS, basta con pegar este fragmento de c\u00f3digo como hago yo en <strong>50:25<\/strong> en el v\u00eddeo:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><code class=\"color-orange\">elementor-widget-editor-texto<\/code><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Esto anular\u00e1 el estilo predeterminado de la p\u00e1gina de pago y asegurar\u00e1 que sus p\u00e1ginas de pago coincidan con el dise\u00f1o de su sitio.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3,\"className\":\"title-budicon\"} -->\n<h3 class=\"wp-block-heading title-budicon\"><i class=\"budicon-two-thirds color-blue\"><\/i><strong> D\u00f3nde encontrar todas las plantillas de p\u00e1ginas principales<\/strong><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Dependiendo de la versi\u00f3n de WordPress que est\u00e9 utilizando, es posible que no pueda insertar directamente todas las diferentes plantillas de p\u00e1ginas principales de MemberMouse desde su editor de contenidos:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image -->\n<figure class=\"wp-block-image\"><img src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2022\/03\/ac441cda-membermouse-core-pages.png\" alt=\"membermouse core plantillas de p\u00e1gina\"\/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Pero esto no es un problema. Todo lo que tienes que hacer es visitar la siguiente p\u00e1gina para encontrar todas las plantillas que necesitas:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li><a href=\"https:\/\/membermouse.com\/es\/categorias-de-articulos\/nucleo-de-plantillas\/\" target=\"_blank\" rel=\"noopener noreferrer\">Todas las plantillas de p\u00e1ginas principales de MemberMouse<\/a><\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>A partir de ah\u00ed, s\u00f3lo tienes que buscar la plantilla de p\u00e1gina con la que quieras trabajar, copiarla y pegarla en el bloque HTML que est\u00e9s dise\u00f1ando en Elementor.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3,\"className\":\"title-budicon\"} -->\n<h3 class=\"wp-block-heading title-budicon\"><i class=\"budicon-notes-tick color-blue\"><\/i><strong> Conclusi\u00f3n<\/strong><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Gracias por ver este video tutorial de MemberMouse y Elementor. Entendemos lo abrumador que puede ser cuando empiezas a construir tu sitio. Si tiene alguna pregunta acerca de lo que hemos tratado aqu\u00ed, por favor h\u00e1ganoslo saber en los comentarios a continuaci\u00f3n. Nos encanta ayudar a la gente a construir sitios de membres\u00eda potentes y rentables y estaremos encantados de ayudarle.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:html -->\n<div id=\"section-resources\" class=\"section-content-area\">\n<h3 class=\"title-budicon\"><i class=\"budicon-book color-blue\"><\/i> Recursos adicionales<\/h3>\n<ul>\n<li><a href=\"https:\/\/membermouse.com\/es\/docs\/datos-del-miembro-smarttag-mm_member_data\/\" target=\"_blank\" rel=\"noopener noreferrer\">Datos de los miembros SmartTag<\/a><\/li>\n<li><a href=\"https:\/\/membermouse.com\/es\/docs\/decision-del-miembro-smarttag-mm_member_decision\/\" target=\"_blank\" rel=\"noopener noreferrer\">Decisi\u00f3n de los miembros SmartTag<\/a><\/li>\n<li><a href=\"https:\/\/membermouse.com\/es\/docs\/utilizando-enlaces-de-compra-de-1-clic\/\" target=\"_blank\" rel=\"noopener noreferrer\">C\u00f3mo utilizar los enlaces de compra de 1 clic<\/a><\/li>\n<li><a href=\"https:\/\/membermouse.com\/es\/elementor\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Elementor<\/a><\/li>\n<li><a href=\"https:\/\/membermouse.com\/es\/hello-theme\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Hola Tema<\/a><\/li>\n<li><a href=\"https:\/\/membermouse.com\/es\/generatepress\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">GenerarPrensa<\/a><\/li>\n<\/ul>\n<\/div>\n<!-- \/wp:html -->","protected":false},"excerpt":{"rendered":"<p>En este video tutorial en profundidad, le mostraremos c\u00f3mo construir y dise\u00f1ar su sitio de membres\u00eda usando MemberMouse y Elementor.<\/p>","protected":false},"author":20918,"featured_media":12971,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"_strive_editorial_status":"not-started","_strive_copy_of":0,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_strive_checklists":"\"\"","_strive_active_checklist":"","_strive_post_notes":"","footnotes":""},"categories":[81,117,116,35,73],"tags":[],"class_list":["post-12932","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-marketing","category-mm-dash","category-mm-features","category-strategies","category-wordpressux"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/posts\/12932","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/users\/20918"}],"replies":[{"embeddable":true,"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/comments?post=12932"}],"version-history":[{"count":0,"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/posts\/12932\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/media\/12971"}],"wp:attachment":[{"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/media?parent=12932"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/categories?post=12932"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/tags?post=12932"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}