Profile Picture
Julian Galluzzo

Simple Profile Form

Allow your members to edit their profile with this simple form. Requires the Memberstack plugin + Bricks addon to work. Will not be visible from the front end unless the member is logged in.
Copy component
{"content":[{"id":"itgwvd","name":"section","parent":0,"children":["areswh"],"settings":{"_cssGlobalClasses":["jiaqax"]},"label":"MS Profile Form Section"},{"id":"areswh","name":"container","parent":"itgwvd","children":["snjthy"],"settings":{"_cssGlobalClasses":["itqvlm"]}},{"id":"snjthy","name":"block","parent":"areswh","children":["bobrtb"],"settings":{"_cssGlobalClasses":["zfxryi"]},"label":"Form Block"},{"id":"bobrtb","name":"ms-brcks-form","parent":"snjthy","children":[],"settings":{"formType":"profile","planAction":"add","fields":[{"type":"text","label":"Last name","placeholder":"Enter your last name","customFieldId":"last-name","width":"full","maxLength":"","value":"","id":"kapmwj"},{"type":"text","label":"First name","placeholder":"Enter your first name","customFieldId":"first-name","width":"full","maxLength":"","value":"","id":"hpqpwv"},{"type":"email","label":"Email","placeholder":"Enter your email","customFieldId":"email","width":"full","maxLength":"","value":"","id":"mbdgqz"}],"fieldsGap":"20","_cssGlobalClasses":["bcxmmp"],"socialAuth":[{"id":"tetwok","provider":"google","enabled":true,"icon":{"library":"fontawesomeBrands","icon":"fab fa-google"},"iconPosition":"left","border":{"radius":{"top":"5","right":"5","bottom":"5","left":"5"}}}]},"themeStyles":{}}],"source":"bricksCopiedElements","sourceUrl":"https://postpilot.local","version":"1.12.1","globalClasses":[{"id":"jiaqax","name":"section-padding","settings":{"_padding":{"top":"100","bottom":"100","left":"5%","right":"5%"}}},{"id":"itqvlm","name":"max-width-small","settings":{"_widthMax":"600"}},{"id":"zfxryi","name":"ms-form__block","settings":{"_padding":{"bottom":"25","top":"25","left":"30","right":"30"},"_border":{"width":{"bottom":"1","top":"1","left":"1","right":"1"},"style":"solid","color":{"hex":"#d9f0e9","id":"btrvhf","name":"Color #6"},"radius":{"top":"5","right":"5","bottom":"5","left":"5"}}}},{"id":"bcxmmp","name":"ms-form","settings":{"_width":"100%","fieldsLayout":"column-reverse","buttonWidth":"100%","buttonTypography":{"text-align":"center","font-weight":"600","color":{"hex":"#ffffff","id":"edddcc","name":"Color #2"}},"buttonPadding":{"bottom":"12.5","top":"12.5","left":"25","right":"25"},"buttonMargin":{"top":"30"},"buttonBackground":{"hex":"#110080"},"buttonBorder":{"radius":{"top":"5","right":"5","bottom":"5","left":"5"}},"inputBorder":{"radius":{"top":"5","right":"5","bottom":"5","left":"5"}}},"modified":1741013056,"user_id":1}],"globalElements":[]}

Similar components

Profile Picture
Vuyufambom Boris

International format number field

This script enhances phone input fields with auto-detected country codes, using the intl-tel-input library. It prevents users from modifying or deleting the country code, ensures consistent formatting, and supports dynamic country selection. GeoIP lookup sets the initial country code based on the user's location. Inspired by Julian Galluzzo
View now
Copy now
{"content":[{"id":"ujvndk","name":"form","parent":"asdejf","children":[],"settings":{"fields":[{"type":"tel","label":"Phone","placeholder":"Phone Number","id":"e69562","name":"phone","maxLength":"17"}],"submitButtonStyle":"primary","actions":["email"],"successMessage":"Message successfully sent. We will get back to you as soon as possible.","emailSubject":"Contact form request","emailTo":"admin_email","fromName":"PostPilot","emailErrorMessage":"Submission failed. Please reload the page and try to submit the form again.","htmlEmail":true,"mailchimpPendingMessage":"Please check your email to confirm your subscription.","mailchimpErrorMessage":"Sorry, but we could not subscribe you.","sendgridErrorMessage":"Sorry, but we could not subscribe you.","_margin":{"left":"auto","right":"auto"},"_width":"100%","_widthMax":"400","submitButtonWidth":"100%","submitButtonBackgroundColor":{"hex":"#6ab1f3","id":"vqhiae","name":"Color #1"},"submitButtonTypography":{"color":{"hex":"#ffffff","id":"edddcc","name":"Color #2"}},"submitButtonBorder":{"radius":{"top":"10","right":"10","bottom":"10","left":"10"}},"fieldMargin":{"bottom":"10"},"fieldBorder":{"radius":{"top":"10","right":"10","bottom":"10","left":"10"}},"emailContent":"{{all_fields}}"},"themeStyles":[]}],"source":"bricksCopiedElements","sourceUrl":"https://test.local","version":"1.12.3","globalClasses":[],"globalElements":[]}
Profile Picture
Julian Galluzzo

Basic Memberstack Signup Form

A nice simple white and blue signup form taken from the BricksBoard website!
View now
Copy now
{"content":[{"id":"qeyttc","name":"div","parent":"msncji","children":["qiengq","wvmqay","tegtqx","fnsdlc"],"settings":{"_cssGlobalClasses":["kamyuk"]},"label":"Form Wrapper"},{"id":"qiengq","name":"heading","parent":"qeyttc","children":[],"settings":{"text":"Create an account","tag":"h1","_cssGlobalClasses":["irfylw"]}},{"id":"wvmqay","name":"text-basic","parent":"qeyttc","children":[],"settings":{"text":"Create an account to create and publish your own Bricks components.","_cssGlobalClasses":["cztiyp"]},"label":"Paragraph"},{"id":"tegtqx","name":"ms-brcks-form","parent":"qeyttc","children":[],"settings":{"formType":"signup","planAction":"add","fields":[{"type":"email","label":"Email","placeholder":"Enter your email","required":true,"customFieldId":"email","width":"full","maxLength":"","value":""},{"type":"password","label":"Password","placeholder":"Enter your password","required":true,"customFieldId":"password","width":"full","maxLength":"","value":""}],"formWidth":"100%","fieldsGap":"20","inputBorder":{"style":"solid","color":{"hex":"#e5e5e5"},"radius":{"top-left":4,"top-right":4,"bottom-right":4,"bottom-left":4,"top":"8","right":"8","bottom":"8","left":"8"}},"selectBorder":{"width":{"top":1,"right":1,"bottom":1,"left":1},"style":"solid","color":{"hex":"#e5e5e5"},"radius":{"top-left":4,"top-right":4,"bottom-right":4,"bottom-left":4}},"buttonWidth":"100%","buttonBackground":{"raw":"var(--brand-blue)"},"buttonTypography":{"font-size":"16px","font-weight":"700","color":{"hex":"#ffffff"},"transform":"none","font-style":"normal","line-height":"1.5","letter-spacing":"0","text-align":"center"},"buttonPadding":{"top":"10px","right":"15px","bottom":"10px","left":"15px"},"buttonMargin":{"top":"20px","right":"0","bottom":"0","left":"0"},"buttonBorder":{"style":"solid","color":{"hex":"#3898ec"},"radius":{"top":"8","right":"8","bottom":"8","left":"8"}},"fieldsLayout":"column","inputPadding":{"top":"8","right":"15","bottom":"8","left":"15"},"_cssGlobalClasses":["yljqrq"],"socialAuth":[{"id":"jzypac","provider":"google","enabled":true,"icon":{"library":"fontawesomeBrands","icon":"fab fa-google"},"iconColor":{"raw":"var(--brand-blue)"},"border":{"radius":{"top":"8","right":"8","bottom":"8","left":"8"}},"padding":{"bottom":"15","top":"15","left":"20","right":"20"}}]}},{"id":"fnsdlc","name":"div","parent":"qeyttc","children":["wlztnm","drteyx"],"settings":{"_cssGlobalClasses":["zscjcv"]},"label":"Footer"},{"id":"wlztnm","name":"div","parent":"fnsdlc","children":["ewzpgh"],"settings":[]},{"id":"ewzpgh","name":"text-basic","parent":"wlztnm","children":[],"settings":{"text":"Have an account?"}},{"id":"drteyx","name":"div","parent":"fnsdlc","children":["hijepe"],"settings":[]},{"id":"hijepe","name":"text-link","parent":"drteyx","children":[],"settings":{"text":"Log in","_cssGlobalClasses":["jehwzu"],"link":{"type":"internal","postId":"161"}},"themeStyles":[]}],"source":"bricksCopiedElements","sourceUrl":"https://bricksboard.com","version":"1.12.3","globalClasses":[{"id":"kamyuk","name":"form__wrapper","settings":{"_width":"100%","_widthMax":"500","_padding":{"bottom":"30","top":"30","left":"30","right":"30"},"_margin":{"left":"auto","right":"auto"},"_border":{"width":{"bottom":"1","top":"1","left":"1","right":"1"},"style":"solid","color":{"raw":"var(--border-light)"},"radius":{"top":"8","right":"8","bottom":"8","left":"8"}},"_boxShadow":{"values":{"offsetY":"2","offsetX":"0","blur":"5"},"color":{"hex":"#000000","rgb":"rgba(0, 0, 0, 0.05)","hsl":"hsla(0, 0%, 0%, 0.05)"}},"_background":{"color":{"id":"acss_import_white","name":"white","raw":"var(--white)"}}}},{"id":"irfylw","name":"h1--small","settings":{"_typography":{"font-size":"30"}}},{"id":"cztiyp","name":"paragraph","settings":{"_margin":{"bottom":"15","top":"5"},"_typography":{"color":{"hex":"#787878","raw":"var(--text-light)"}}}},{"id":"yljqrq","name":"memberstack-form","settings":{"fields":[{"type":"email","label":"Email","placeholder":"Enter your email","required":true,"customFieldId":"email","width":"full","maxLength":"","value":""},{"type":"password","label":"Password","placeholder":"Enter your password","required":true,"customFieldId":"password","width":"full","maxLength":"","value":""}],"formWidth":"100%","fieldsGap":"20","inputBorder":{"style":"solid","color":{"hex":"#e5e5e5"},"radius":{"top-left":4,"top-right":4,"bottom-right":4,"bottom-left":4,"top":"8","right":"8","bottom":"8","left":"8"}},"selectBorder":{"width":{"top":1,"right":1,"bottom":1,"left":1},"style":"solid","color":{"hex":"#e5e5e5"},"radius":{"top-left":4,"top-right":4,"bottom-right":4,"bottom-left":4}},"buttonWidth":"100%","buttonBackground":{"raw":"var(--brand-blue)"},"buttonTypography":{"font-size":"16px","font-weight":"700","color":{"hex":"#ffffff"},"transform":"none","font-style":"normal","line-height":"1.5","letter-spacing":"0","text-align":"center"},"buttonPadding":{"top":"10px","right":"15px","bottom":"10px","left":"15px"},"buttonMargin":{"top":"20px","right":"0","bottom":"0","left":"0"},"buttonBorder":{"style":"solid","color":{"hex":"#3898ec"},"radius":{"top":"8","right":"8","bottom":"8","left":"8"}},"fieldsLayout":"column","inputPadding":{"top":"8","right":"15","bottom":"8","left":"15"},"_margin":{"bottom":"20"}},"modified":1739460067,"user_id":1},{"id":"zscjcv","name":"form__footer","settings":{"_display":"flex","_direction":"row","_margin":{"top":"10"},"_width":"100%","_alignItems":"center","_justifyContent":"space-between","_typography":{"font-size":"14"}},"modified":1739460067,"user_id":1},{"id":"jehwzu","name":"link","settings":[],"modified":1739195946,"user_id":1}],"globalElements":[]}
Profile Picture
Julian Galluzzo

Simple Reset Password Form

Allow your members to reset their password with this simple and functional form. Requires the Memberstack plugin with the Bricks addon to work.
View now
Copy now
{"content":[{"id":"rqbgkz","name":"section","parent":0,"children":["ajgrvo"],"settings":{"_cssGlobalClasses":["jiaqax"]},"label":"MS Reset Password Form Section"},{"id":"ajgrvo","name":"container","parent":"rqbgkz","children":["kwlyzt"],"settings":{"_cssGlobalClasses":["itqvlm"]}},{"id":"kwlyzt","name":"block","parent":"ajgrvo","children":["uxdbuh"],"settings":{"_cssGlobalClasses":["zfxryi"]},"label":"Form Block"},{"id":"uxdbuh","name":"ms-brcks-form","parent":"kwlyzt","children":[],"settings":{"formType":"reset-password","planAction":"add","fields":[{"type":"password","label":"New Password","placeholder":"Enter a new password","customFieldId":"password","width":"full","maxLength":"","value":"","id":"mbdgqz","required":true},{"type":"number","placeholder":"Check your inbox and enter the code we sent you","required":true,"customFieldId":"token","width":"full","maxLength":"","value":"","id":"ntvtbj","label":"6 Digit Code"}],"fieldsGap":"20","_cssGlobalClasses":["bcxmmp"],"socialAuth":[{"id":"tetwok","provider":"google","enabled":true,"icon":{"library":"fontawesomeBrands","icon":"fab fa-google"},"iconPosition":"left","border":{"radius":{"top":"5","right":"5","bottom":"5","left":"5"}}}]},"themeStyles":{}}],"source":"bricksCopiedElements","sourceUrl":"https://postpilot.local","version":"1.12.1","globalClasses":[{"id":"jiaqax","name":"section-padding","settings":{"_padding":{"top":"100","bottom":"100","left":"5%","right":"5%"}}},{"id":"itqvlm","name":"max-width-small","settings":{"_widthMax":"600"}},{"id":"zfxryi","name":"ms-form__block","settings":{"_padding":{"bottom":"25","top":"25","left":"30","right":"30"},"_border":{"width":{"bottom":"1","top":"1","left":"1","right":"1"},"style":"solid","color":{"hex":"#d9f0e9","id":"btrvhf","name":"Color #6"},"radius":{"top":"5","right":"5","bottom":"5","left":"5"}}}},{"id":"bcxmmp","name":"ms-form","settings":{"_width":"100%","fieldsLayout":"column-reverse","buttonWidth":"100%","buttonTypography":{"text-align":"center","font-weight":"600","color":{"hex":"#ffffff","id":"edddcc","name":"Color #2"}},"buttonPadding":{"bottom":"12.5","top":"12.5","left":"25","right":"25"},"buttonMargin":{"top":"30"},"buttonBackground":{"hex":"#110080"},"buttonBorder":{"radius":{"top":"5","right":"5","bottom":"5","left":"5"}},"inputBorder":{"radius":{"top":"5","right":"5","bottom":"5","left":"5"}}},"modified":1741013056,"user_id":1}],"globalElements":[]}