[{"data":1,"prerenderedAt":290},["ShallowReactive",2],{"article-\u002Fwebsite-builder\u002Fbutton-form-map-and-social-blocks":3,"surround-\u002Fwebsite-builder\u002Fbutton-form-map-and-social-blocks":281},{"id":4,"title":5,"body":6,"category":270,"description":271,"extension":272,"meta":273,"navigation":274,"order":275,"path":276,"seo":277,"stem":278,"updated":279,"__hash__":280},"docs\u002Fwebsite-builder\u002Fbutton-form-map-and-social-blocks.md","Button, form, map and social blocks",{"type":7,"value":8,"toc":260},"minimark",[9,18,23,30,63,78,82,89,150,154,161,184,188,204,208,235,239],[10,11,12,13,17],"p",{},"These five blocks handle the practical side of your site: getting visitors to act, getting them in touch, and getting them to your door. Add each one from the ",[14,15,16],"strong",{},"Add Component"," panel, then select it and use the toolbar button named below to open its options.",[19,20,22],"h2",{"id":21},"button-and-button-group","Button and Button Group",[10,24,25,26,29],{},"Select a Button and click ",[14,27,28],{},"Edit Button"," to set:",[31,32,33,44,54],"ul",{},[34,35,36,39,40,43],"li",{},[14,37,38],{},"Text"," and ",[14,41,42],{},"Style"," (Primary, Secondary or Tertiary, styled by your brand style guide).",[34,45,46,49,50,53],{},[14,47,48],{},"Link",", with an ",[14,51,52],{},"Open in new tab"," option.",[34,55,56,39,59,62],{},[14,57,58],{},"Align",[14,60,61],{},"Stretch to Fill"," for how the button sits in its block.",[10,64,65,66,69,70,73,74,77],{},"A ",[14,67,68],{},"Button Group"," holds several buttons in one block. ",[14,71,72],{},"Edit Button Group"," lets you add buttons, drag to reorder them, edit or delete each one, and choose whether the group is ",[14,75,76],{},"Stacked"," vertically.",[19,79,81],{"id":80},"form","Form",[10,83,84,85,88],{},"The Form block arrives ready to use with Name, Email and Message fields. ",[14,86,87],{},"Edit Form"," opens its settings, organized into pages:",[31,90,91,116,122,136],{},[34,92,93,96,97,100,101,104,105,104,108,111,112,115],{},[14,94,95],{},"Form Fields",": add, reorder and edit fields. Each field has a ",[14,98,99],{},"Field Type"," (text, email, textarea and more), ",[14,102,103],{},"Field Label",", ",[14,106,107],{},"Field Description",[14,109,110],{},"Placeholder Text"," and a ",[14,113,114],{},"Required Field"," toggle.",[34,117,118,121],{},[14,119,120],{},"Design",": text styles, background, border and padding.",[34,123,124,127,128,131,132,135],{},[14,125,126],{},"Post-Submit",": after submission, either ",[14,129,130],{},"Show Success Message"," (optionally with a \"Back to Form\" style button) or ",[14,133,134],{},"Redirect to Page",".",[34,137,138,141,142,145,146,149],{},[14,139,140],{},"Storage",": the ",[14,143,144],{},"Email"," address that receives submissions. It's prefilled with your account email and it's required; the form won't save without a valid address. You can also enable ",[14,147,148],{},"Google reCAPTCHA"," to protect the form from spam.",[19,151,153],{"id":152},"map","Map",[10,155,156,157,160],{},"The Map block embeds an interactive Google Map. ",[14,158,159],{},"Edit Map"," takes a street address (Address Line 1 and 2, City, State, Zip Code), then drops a pin at the location. Style it with:",[31,162,163,169,175],{},[34,164,165,168],{},[14,166,167],{},"Zoom"," level",[34,170,171,174],{},[14,172,173],{},"Color"," (color or grayscale styles)",[34,176,177,180,181],{},[14,178,179],{},"Controls"," on or off, and ",[14,182,183],{},"Show Terrain",[19,185,187],{"id":186},"social","Social",[10,189,190,191,194,195,104,197,200,201,203],{},"The Social block shows a row of social media icons. When you add it, links are prefilled from the social accounts saved in your website details, so it often works with zero setup. ",[14,192,193],{},"Edit Social"," lets you add links, drag to reorder, and edit or delete each one, plus set the icon ",[14,196,42],{},[14,198,199],{},"Size"," (Small, Medium, Large or Custom) and ",[14,202,58],{},"ment.",[19,205,207],{"id":206},"shape","Shape",[10,209,210,211,214,215,218,219,222,223,226,227,39,231,234],{},"The Shape block adds graphic accents: lines, frames, badges and flourishes from a built-in shape library. Its options include the ",[14,212,213],{},"Shape Style"," (Original, Rounded, Drop Shadow or Outline), ",[14,216,217],{},"Fill Color"," (with secondary fill, outline, stroke and shadow colors where the style uses them), ",[14,220,221],{},"Rotation"," and an ",[14,224,225],{},"Aspect Ratio"," lock. Shapes sit on the same grid as everything else, so they can layer behind text or photos with the ",[228,229,230],"code",{},"[",[228,232,233],{},"]"," stacking shortcuts.",[19,236,238],{"id":237},"related","Related",[31,240,241,248,254],{},[34,242,243],{},[244,245,247],"a",{"href":246},"\u002Fwebsite-builder\u002Fadd-and-arrange-blocks","Add and arrange blocks",[34,249,250],{},[244,251,253],{"href":252},"\u002Fwebsite-builder\u002Ftext-image-and-media-blocks","Text, image and media blocks",[34,255,256],{},[244,257,259],{"href":258},"\u002Faccount-and-billing\u002Fbrand-settings","Brand settings",{"title":261,"searchDepth":262,"depth":262,"links":263},"",2,[264,265,266,267,268,269],{"id":21,"depth":262,"text":22},{"id":80,"depth":262,"text":81},{"id":152,"depth":262,"text":153},{"id":186,"depth":262,"text":187},{"id":206,"depth":262,"text":207},{"id":237,"depth":262,"text":238},"website-builder","Add calls to action, a contact form, an embedded map, social links and decorative shapes to your pages.","md",{},true,6,"\u002Fwebsite-builder\u002Fbutton-form-map-and-social-blocks",{"title":5,"description":271},"website-builder\u002Fbutton-form-map-and-social-blocks","2026-09-19","WA1z9JzvOO0QmcRwCvyE2iBpW39LDAZwG7i6ulQ8RJI",[282,286],{"path":283,"title":284,"order":285},"\u002Fwebsite-builder\u002Fgallery-and-client-index-blocks","Gallery and client index blocks",5,{"path":287,"title":288,"order":289},"\u002Fwebsite-builder\u002Fundo-redo-and-history","Undo, redo and history",7,1789936982242]