{"id":10778,"date":"2021-06-18T11:26:35","date_gmt":"2021-06-18T18:26:35","guid":{"rendered":"https:\/\/membermouse.com\/?p=10778"},"modified":"2021-06-18T11:26:35","modified_gmt":"2021-06-18T18:26:35","slug":"formulario-de-registro-de-associacao","status":"publish","type":"post","link":"https:\/\/membermouse.com\/pt\/support-stories\/membership-signup-form\/","title":{"rendered":"Como posso adicionar um formul\u00e1rio de inscri\u00e7\u00e3o simples para minha associa\u00e7\u00e3o gratuita?"},"content":{"rendered":"In this installment from our HelpDesk, one of our team answers a frequently asked question about placing a signup form on your site to allow people to provide a few pieces of information and become a member without being asked for payment information.\r\n\r\nOften you might not want the first interaction with visitors to be a purchase. You just want to add them to a mailing list or allow them to see one or two pages of teaser content.\r\n\r\nThis article will lead you through the steps of creating a new member by collecting minimal information from them, like an email address, and then directing them to protected content.\r\n\r\n<hr \/>\r\n\r\n<strong>Solicita\u00e7\u00e3o de registro simples:<\/strong>\r\n\r\n\"We have content we want to keep in a semi-protected area for those who are participating in our small groups. Can we just provide a form where they sign up and set up a password without going through the checkout?\"\r\n\r\n<hr \/>\r\n\r\n<blockquote><strong>Joshua, do MemberMouse, respondeu:<\/strong>\r\n\r\n\"You can indeed create a minimal free signup form exactly as you describe, and <a href=\"https:\/\/membermouse.com\/pt\/documentos-3-2\/como-faco-para-coletar-apenas-um-endereco-de-e-mail-e-em-seguida-alguem-pode-acessar-o-conteudo-protegido\/\" target=\"_blank\" rel=\"noopener nofollow\">temos documenta\u00e7\u00e3o sobre todo o processo para fazer isso<\/a>. I will also provide the steps below.\r\n\r\nBroadly, you will want to use the Free Membership you already have, or <a href=\"http:\/\/support.membermouse.com\/solution\/articles\/9000020314-create-a-membership-level\" target=\"_blank\" rel=\"noopener nofollow\">criar um novo<\/a>, then protect the desired content with it. From there, you create your signup form using a SmartTag form snippet I'll provide and that's it. Your members can add their name, email, and password, and get access to your intended content.\r\n\r\nBefore I give you the code to place anywhere on your site for this form, I do want to let you know that there are two ways to use signup forms in MemberMouse, and both can be present on your site at the same time.\r\n\r\nFirst, the <a href=\"https:\/\/support.membermouse.com\/a\/solutions\/articles\/9000020272\" target=\"_blank\" rel=\"noopener nofollow\">P\u00e1gina principal de checkout<\/a> is created when MemberMouse is installed and can act as your main signup page for free or paid products. When the purchase link for a free membership level is inserted onto a page and then clicked on by a new customer, they will be taken the Checkout Page. Since the Checkout Page is dynamic, only the account information section is displayed, and by default the first &amp; last name, email, password and phone number are gathered. <em>(Os campos nome, sobrenome e n\u00famero de telefone s\u00e3o opcionais e <a href=\"https:\/\/support.membermouse.com\/a\/solutions\/articles\/9000080250\" target=\"_blank\" rel=\"noopener nofollow\">pode ser ocultado<\/a>.)<\/em> The other sections like card information, billing and shipping addresses are hidden, as they are not needed for free registration.\r\n\r\nThen, the second way is the one you are asking about, a free member form to sign up free members, and this is simply a very minimal checkout form. This checkout form can be inserted onto a page or created as its own page.\r\n\r\nThis is the code to use for a free membership. This code should be added to the 'Text' tab area of the WordPress editor, not the 'Visual' tab. Just remember to replace the Membership Level ID in the first line with the one associated with the free membership on your site. By default this is ID 1, but if you have changed your default free membership level or created additional free membership levels, hover over the ID in <em>MemberMouse &gt; Configura\u00e7\u00f5es do produto &gt; N\u00edveis de associa\u00e7\u00e3o &gt; Seu n\u00edvel de associa\u00e7\u00e3o gratuito<\/em> para obter a ID correta para o n\u00edvel de associa\u00e7\u00e3o desejado.\r\n\r\n<a href=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2021\/06\/aca05622-screen-shot-2021-06-18-at-11.44.34-am.png\"><img class=\"alignleft size-large wp-image-10787\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2021\/06\/aca05622-screen-shot-2021-06-18-at-11.44.34-am-1024x439.png\" alt=\"Formul\u00e1rio de registro de membro gratuito\" width=\"840\" height=\"360\" \/><\/a>\r\n<p style=\"font-size:75%\"><em>Nota do editor: Acesse aqui para <a href=\"https:\/\/support.membermouse.com\/a\/solutions\/articles\/9000020479\" target=\"_blank\" rel=\"noopener nofollow\">acessar a vers\u00e3o em texto deste c\u00f3digo<\/a>.<\/em><\/p>\r\n\r\n\u00c9 assim que o formul\u00e1rio aparecer\u00e1 em seu site:\r\n\r\n<a href=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2021\/06\/386229c3-2x9llaq2_sbxckxeo3pk24bjqzdbmbb2rg.png\"><img class=\"aligncenter size-medium wp-image-10782\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2021\/06\/386229c3-2x9llaq2_sbxckxeo3pk24bjqzdbmbb2rg.png\" alt=\"Imagem do formul\u00e1rio de registro de membro gratuito\" width=\"283\" height=\"300\" \/><\/a>\r\n\r\nThe Email and Password fields are essential, but you can configure it so that some, or all, of the other Form Fields are hidden. You will need to change the information in the type=\" \" section from type=\"input\" to type=\"hidden\". The article <a href=\"http:\/\/support.membermouse.com\/support\/solutions\/articles\/9000020463-make-fields-optional-on-checkout-form\" target=\"_blank\" rel=\"noopener nofollow\">Tornar os campos opcionais no formul\u00e1rio de checkout<\/a> will give you more information about how to add or hide fields from your checkout page.\r\n\r\nThe last line of code creates the submit button. If you want to customize the look of this you can refer to the <a href=\"http:\/\/support.membermouse.com\/solution\/articles\/9000020307-customize-buttons-on-the-checkout-page\" target=\"_blank\" rel=\"noopener nofollow\">Guia de personaliza\u00e7\u00e3o de bot\u00f5es<\/a>.\r\n\r\nAfter visitors signup on this form, they will be logged in right away. They will also be re-directed to the default <a href=\"http:\/\/support.membermouse.com\/solution\/articles\/9000020344-confirmation-core-page\" target=\"_blank\" rel=\"noopener nofollow\">P\u00e1gina central de confirma\u00e7\u00e3o<\/a>.\r\n\r\nThis is where your vision of site flow and customer experience comes into play. For example, there could be a link to a Member Homepage on the default Confirmation page where they could access the protected content. Another option would be that you would create a <a href=\"http:\/\/support.membermouse.com\/solution\/articles\/9000020344-confirmation-core-page\" target=\"_blank\" rel=\"noopener nofollow\">p\u00e1gina de confirma\u00e7\u00e3o exclusiva<\/a> for the free membership that would include a link to the protected content page(s).\r\n\r\nOr once they are logged in perhaps <a href=\"http:\/\/support.membermouse.com\/solution\/articles\/9000020269-hide-protected-wordpress-pages-from-menus\" target=\"_blank\" rel=\"noopener nofollow\">os elementos do menu ficam vis\u00edveis<\/a>levando-os ao conte\u00fado. Como alternativa, os links para o conte\u00fado foram inclu\u00eddos no <a href=\"http:\/\/support.membermouse.com\/solution\/articles\/9000032788-create-a-welcome-email\" target=\"_blank\" rel=\"noopener nofollow\">E-mail de boas-vindas<\/a> that you customized when you created the membership level, or an email is triggered from an Email Vendor that you've integrated your account with.\r\n\r\nI hope this helps you set up the signup form. Please let me know if you have additional questions or concerns.\"<\/blockquote>\r\n\r\n<hr \/>\r\n\r\n<strong>A inscri\u00e7\u00e3o simples foi respondida:<\/strong>\r\n\r\n\"Okay, thank you. I have added the code to my page, but when I go to preview the page, I see nothing but the 'Sign Up' button.\"\r\n\r\n<hr \/>\r\n\r\n<blockquote><strong>Joshua, do MemberMouse, respondeu:<\/strong>\r\n\r\nI believe the reason that you're only seeing the Sign Up button is that you're previewing the page while still logged in as the Administrator. MemberMouse automatically hides the account information fields from logged-in visitors. To ensure that you're seeing this form as a visitor to your site would, I suggest that you open an Incognito\/Private Browsing Window, or a different web browser, and view the page.\r\n\r\nHere's what I'm seeing when I view the page in this way:\r\n\r\n<a href=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2021\/06\/bf63065e-free-signup-form-unstyled.png\"><img class=\"aligncenter size-large wp-image-10789\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2021\/06\/bf63065e-free-signup-form-unstyled-1024x144.png\" alt=\"Formul\u00e1rio de inscri\u00e7\u00e3o gratuito sem estilo\" width=\"840\" height=\"118\" \/><\/a>\r\n\r\nOs campos est\u00e3o todos agrupados porque o c\u00f3digo de exemplo que lhe dei n\u00e3o inclui nenhum HTML para formata\u00e7\u00e3o. Se voc\u00ea quiser algo que se pare\u00e7a mais com a p\u00e1gina de checkout padr\u00e3o, poder\u00e1 usar o c\u00f3digo localizado abaixo da vers\u00e3o n\u00e3o formatada <a href=\"https:\/\/support.membermouse.com\/a\/solutions\/articles\/9000020479\" target=\"_blank\" rel=\"noopener nofollow\">neste artigo.<\/a> It's in the section 'Full Example (with HTML styling)'. Here is the full code:\r\n\r\n<a href=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2021\/06\/a53f9145-free-signup-form-styled.png\"><img class=\"alignleft size-large wp-image-10790\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2021\/06\/a53f9145-free-signup-form-styled-810x1024.png\" alt=\"Formul\u00e1rio de inscri\u00e7\u00e3o de membro com estilo HTML\" width=\"810\" height=\"1024\" \/><\/a>\r\n\r\nVeja como esse c\u00f3digo aparece em meu site quando um n\u00e3o membro visualiza a p\u00e1gina:\r\n\r\n<a href=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2021\/06\/7565470d-jpvbn-fy9-sagh-gwgdmf0nwsjdkywataq.png\"><img class=\"aligncenter size-medium wp-image-10792\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2021\/06\/7565470d-jpvbn-fy9-sagh-gwgdmf0nwsjdkywataq.png\" alt=\"Formul\u00e1rio de registro de membro com estilo\" width=\"286\" height=\"300\" \/><\/a>\r\n\r\nE quando um membro conectado visualiza a p\u00e1gina, o bot\u00e3o fica oculto e uma mensagem \u00e9 exibida em seu lugar. Por exemplo:\r\n\r\n<a href=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2021\/06\/5f9a91e2-vm0ali_jqfborhofn416f4kgr6qome1mww.png\"><img class=\"aligncenter size-medium wp-image-10791\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2021\/06\/5f9a91e2-vm0ali_jqfborhofn416f4kgr6qome1mww.png\" alt=\"Mensagem de erro de inscri\u00e7\u00e3o\" width=\"300\" height=\"83\" \/><\/a>\r\n\r\nEntre em contato comigo se tiver mais alguma d\u00favida ou se continuar a ter problemas para visualizar o formul\u00e1rio ao ver a p\u00e1gina por meio de uma janela de navega\u00e7\u00e3o an\u00f4nima\/privada.<\/blockquote>\r\n\r\n<hr \/>\r\n\r\n<strong>A inscri\u00e7\u00e3o simples foi respondida:<\/strong>\r\n\r\n\"Thank you. I have to say that your support team is swift, helpful, and patient. It is what has kept us as a customer of MemberMouse for several years now.\r\n\r\nI will try the coding and walk through the rest of the process of setting up the confirmation page and granting access to the pages under this free membership.\"","protected":false},"excerpt":{"rendered":"<p>Nesta parte de nosso HelpDesk, respondemos a uma pergunta frequente sobre a cria\u00e7\u00e3o de um formul\u00e1rio de inscri\u00e7\u00e3o que permite que as pessoas forne\u00e7am algumas informa\u00e7\u00f5es e se tornem membros sem que sejam solicitadas informa\u00e7\u00f5es de pagamento.<\/p>","protected":false},"author":20918,"featured_media":10803,"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":[117,120],"tags":[],"class_list":["post-10778","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-mm-dash","category-support-stories"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/posts\/10778","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/users\/20918"}],"replies":[{"embeddable":true,"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/comments?post=10778"}],"version-history":[{"count":0,"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/posts\/10778\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/media\/10803"}],"wp:attachment":[{"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/media?parent=10778"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/categories?post=10778"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/tags?post=10778"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}