[{"data":1,"prerenderedAt":583},["ShallowReactive",2],{"guide-\u002Fen\u002Fguides\u002Feditor\u002Fheader-and-footer":3,"guide-navigation-guides_en":405,"guide-surround-\u002Fen\u002Fguides\u002Feditor\u002Fheader-and-footer":578},{"id":4,"title":5,"body":6,"description":396,"extension":397,"meta":398,"navigation":399,"path":401,"seo":402,"stem":403,"__hash__":404},"guides_en\u002Fen\u002Fguides\u002F2.editor\u002F7.header-and-footer.md","Header and footer",{"type":7,"value":8,"toc":385},"minimark",[9,22,33,36,44,100,105,108,130,136,143,149,210,216,223,234,248,266,270,277,326,328,334,363,366,370],[10,11,12,13,17,18,21],"p",{},"The ",[14,15,16],"strong",{},"header"," is the strip at the very top of every page: your business name or logo, the menu and a button. The ",[14,19,20],{},"footer"," is the short section at the very bottom of every page. Both look the same on every page, so you only edit them once.",[10,23,24,25,28,29,32],{},"The fourth button on the editor's left rail opens the ",[14,26,27],{},"Header"," panel, the fifth opens the ",[14,30,31],{},"Footer"," panel. You can also open the same panels by clicking the header or footer on the page.",[34,35,27],"h2",{"id":16},[10,37,38],{},[39,40],"img",{"alt":41,"src":42,"width":43},"The Header panel: Layout, Business name, Logo URL and Button label","https:\u002F\u002Fmedia.bunnyrain.com\u002Fguides\u002Fen\u002Fheader-and-footer\u002F01-header-panel.webp",560,[45,46,47,62,68,78,94],"ul",{},[48,49,50,53,54,57,58,61],"li",{},[14,51,52],{},"Layout:"," ",[14,55,56],{},"Classic"," (logo on the left, menu in the middle, button on the right) or ",[14,59,60],{},"Left"," (logo and menu side by side on the left).",[48,63,64,67],{},[14,65,66],{},"Business name:"," Shown as text in the header if there's no logo.",[48,69,70,73,74,77],{},[14,71,72],{},"Logo URL:"," Upload your logo with ",[14,75,76],{},"Upload image"," or pick it from the library. If there's a logo, it's shown instead of the business name. A PNG with a transparent background works best.",[48,79,80,83,84,87,88,93],{},[14,81,82],{},"Button label"," and ",[14,85,86],{},"Button link:"," The button on the right of the header. Use it for the one thing you most want visitors to do: \"Contact us\", \"Order now\", \"Book a tasting\". Choosing the link works ",[89,90,92],"a",{"href":91},"\u002Fen\u002Fguides\u002Feditor\u002Ftext-and-images#link-buttons","the same as for buttons",".",[48,95,96,99],{},[14,97,98],{},"Stay on top while scrolling:"," When on, the header stays visible at the top of the screen as the visitor scrolls down.",[101,102,104],"h3",{"id":103},"menu","Menu",[10,106,107],{},"There are two kinds of menu:",[45,109,110,124],{},[48,111,112,115,116,119,120,93],{},[14,113,114],{},"Automatic:"," The menu is built from your pages. When you create and publish a new page, it's added to the menu too. This is the easiest choice for most sites. To leave a page out of the menu, turn off ",[14,117,118],{},"Show in menu"," in its ",[89,121,123],{"href":122},"\u002Fen\u002Fguides\u002Feditor\u002Fpages#page-settings","Page settings",[48,125,126,129],{},[14,127,128],{},"Custom:"," You build the menu yourself. You can put pages in any order, collect several pages under a group, and add links to other sites.",[10,131,132],{},[39,133],{"alt":134,"src":135,"width":43},"The menu section: Link style, Automatic and Custom","https:\u002F\u002Fmedia.bunnyrain.com\u002Fguides\u002Fen\u002Fheader-and-footer\u002F02-header-panel-menu.webp",[10,137,138,139,142],{},"In a custom menu, add an item with ",[14,140,141],{},"Add to menu"," and choose its type:",[10,144,145],{},[39,146],{"alt":147,"src":148,"width":43},"Custom menu: page items, ordering arrows and Add to menu","https:\u002F\u002Fmedia.bunnyrain.com\u002Fguides\u002Fen\u002Fheader-and-footer\u002F03-custom-menu.webp",[150,151,152,165],"table",{},[153,154,155],"thead",{},[156,157,158,162],"tr",{},[159,160,161],"th",{},"Type",[159,163,164],{},"What it's for",[166,167,168,183,193],"tbody",{},[156,169,170,176],{},[171,172,173],"td",{},[14,174,175],{},"Page",[171,177,178,179,182],{},"Goes to a page on your site. If ",[14,180,181],{},"Menu text"," is empty, the page's name is used. The menu stays up to date even if the page's name or address changes.",[156,184,185,190],{},[171,186,187],{},[14,188,189],{},"Link",[171,191,192],{},"Goes to an address: your location on Google Maps, your online ordering page, another site.",[156,194,195,200],{},[171,196,197],{},[14,198,199],{},"Group",[171,201,202,203,206,207,93],{},"Collects several links under one title (for example your service pages under ",[14,204,205],{},"Services","). The title itself isn't clickable; it opens what's underneath. Add items to it with ",[14,208,209],{},"Add sub-link",[10,211,212,213],{},"Change the order with the up and down arrows next to the items, and delete them with the trash can. An incomplete item (for example a link without an address) is marked ",[14,214,215],{},"Incomplete — hidden from the menu until filled in.",[10,217,218,219,222],{},"In the video below we add a ",[14,220,221],{},"Directions"," link to Google Maps to Willow Lane Bakery's menu:",[10,224,225],{},[226,227],"video",{"src":228,"poster":229,"controls":230,"muted":230,"playsInline":230,"preload":231,"width":232,"height":233},"https:\u002F\u002Fmedia.bunnyrain.com\u002Fguides\u002Fen\u002Fheader-and-footer\u002Fcustom-menu-link.mp4","https:\u002F\u002Fmedia.bunnyrain.com\u002Fguides\u002Fen\u002Fheader-and-footer\u002Fcustom-menu-link-poster.webp",true,"metadata",1600,1000,[235,236,237],"warning",{},[10,238,239,240,243,244,247],{},"With a custom menu, new pages you create aren't added to the menu automatically; the panel lists them under ",[14,241,242],{},"Pages not in the menu:"," for you to add. If you switch the menu back to ",[14,245,246],{},"Automatic",", the menu you built by hand is discarded.",[10,249,250,253,254,257,258,261,262,265],{},[14,251,252],{},"Link style"," is how the menu links look: ",[14,255,256],{},"Pill",", ",[14,259,260],{},"Plain"," or ",[14,263,264],{},"Underlined",". The page the visitor is on is highlighted in this style.",[101,267,269],{"id":268},"language-switcher-and-light-dark-button","Language switcher and light \u002F dark button",[10,271,272,273,276],{},"In the header's ",[14,274,275],{},"Buttons"," section you choose how two buttons look:",[45,278,279,303],{},[48,280,281,53,284,287,288,257,291,294,295,298,299,93],{},[14,282,283],{},"Language switcher:",[14,285,286],{},"Code"," (EN), ",[14,289,290],{},"Flag",[14,292,293],{},"Name"," (English) or ",[14,296,297],{},"Side by side"," (EN · ES). Only shown when your site is published in more than one language. See ",[89,300,302],{"href":301},"\u002Fen\u002Fguides\u002Feditor\u002Flanguages","Multiple languages",[48,304,305,53,308,257,311,261,314,316,317,320,321,325],{},[14,306,307],{},"Light\u002Fdark button:",[14,309,310],{},"Icon",[14,312,313],{},"Switch",[14,315,104],{},". Only shown if ",[14,318,319],{},"Let visitors switch"," is on in the ",[89,322,324],{"href":323},"\u002Fen\u002Fguides\u002Feditor\u002Ftheme#color-mode","Theme"," panel.",[34,327,31],{"id":20},[10,329,330],{},[39,331],{"alt":332,"src":333},"The Footer panel: Business name, Tagline and Links","https:\u002F\u002Fmedia.bunnyrain.com\u002Fguides\u002Fen\u002Fheader-and-footer\u002F04-footer-panel.webp",[45,335,336,345],{},[48,337,338,83,341,344],{},[14,339,340],{},"Business name",[14,342,343],{},"Tagline:"," Shown on the left of the footer, in the copyright line.",[48,346,347,350,351,354,355,358,359,362],{},[14,348,349],{},"Links:"," The small links on the right of the footer. Add a new one with ",[14,352,353],{},"Add",", type its ",[14,356,357],{},"Link label"," and choose where it goes. ",[14,360,361],{},"Remove"," deletes the link.",[10,364,365],{},"The footer usually links to the contact section, a privacy policy or your social media accounts.",[34,367,369],{"id":368},"publishing","Publishing",[10,371,372,373,376,377,380,381,93],{},"Header and footer changes also go into the draft and go live when you press ",[14,374,375],{},"Publish",". In the publish menu, they're on the ",[14,378,379],{},"Site appearance (theme, header and footer)"," row. See ",[89,382,384],{"href":383},"\u002Fen\u002Fguides\u002Feditor\u002Fpublishing","Publishing and publish history",{"title":386,"searchDepth":387,"depth":387,"links":388},"",2,[389,394,395],{"id":16,"depth":387,"text":27,"children":390},[391,393],{"id":103,"depth":392,"text":104},3,{"id":268,"depth":392,"text":269},{"id":20,"depth":387,"text":31},{"id":368,"depth":387,"text":369},"Edit the header at the top of every page (logo, menu, button) and the footer at the bottom; build the menu yourself and add external links.","md",{},{"icon":400},"i-ph-browser","\u002Fen\u002Fguides\u002Feditor\u002Fheader-and-footer",{"title":5,"description":396},"en\u002Fguides\u002F2.editor\u002F7.header-and-footer","h02MgRuPsowXVCJuObUj2upACymzQW12lctpkUWB_1w",[406],{"title":407,"path":408,"stem":409,"children":410,"page":438},"En","\u002Fen","en",[411],{"title":412,"icon":413,"path":414,"stem":415,"children":416,"page":438},"User guide","i-ph-book-open","\u002Fen\u002Fguides","en\u002Fguides",[417,439,481,502,523,548,564],{"title":418,"icon":419,"path":420,"stem":421,"children":422,"page":438},"Getting started","i-ph-rocket-launch","\u002Fen\u002Fguides\u002Fgetting-started","en\u002Fguides\u002F1.getting-started",[423,428,433],{"title":424,"path":425,"stem":426,"icon":427},"Create your first site","\u002Fen\u002Fguides\u002Fgetting-started\u002Fcreate-your-site","en\u002Fguides\u002F1.getting-started\u002F1.create-your-site","i-ph-globe",{"title":429,"path":430,"stem":431,"icon":432},"Dashboard tour","\u002Fen\u002Fguides\u002Fgetting-started\u002Fpanel-tour","en\u002Fguides\u002F1.getting-started\u002F2.panel-tour","i-ph-compass",{"title":434,"path":435,"stem":436,"icon":437},"Your account","\u002Fen\u002Fguides\u002Fgetting-started\u002Faccount","en\u002Fguides\u002F1.getting-started\u002F3.account","i-ph-user-circle",false,{"title":440,"icon":441,"path":442,"stem":443,"children":444,"page":438},"Editor","i-ph-pencil-simple","\u002Fen\u002Fguides\u002Feditor","en\u002Fguides\u002F2.editor",[445,450,455,460,465,470,474,475,478],{"title":446,"path":447,"stem":448,"icon":449},"Editor tour","\u002Fen\u002Fguides\u002Feditor\u002Feditor-tour","en\u002Fguides\u002F2.editor\u002F1.editor-tour","i-ph-layout",{"title":451,"path":452,"stem":453,"icon":454},"Blocks and layouts","\u002Fen\u002Fguides\u002Feditor\u002Fsections","en\u002Fguides\u002F2.editor\u002F2.sections","i-ph-stack-plus",{"title":456,"path":457,"stem":458,"icon":459},"Editing text and images","\u002Fen\u002Fguides\u002Feditor\u002Ftext-and-images","en\u002Fguides\u002F2.editor\u002F3.text-and-images","i-ph-text-aa",{"title":461,"path":462,"stem":463,"icon":464},"Pages","\u002Fen\u002Fguides\u002Feditor\u002Fpages","en\u002Fguides\u002F2.editor\u002F4.pages","i-ph-files",{"title":466,"path":467,"stem":468,"icon":469},"AI assistant","\u002Fen\u002Fguides\u002Feditor\u002Fai-assistant","en\u002Fguides\u002F2.editor\u002F5.ai-assistant","i-ph-sparkle",{"title":324,"path":471,"stem":472,"icon":473},"\u002Fen\u002Fguides\u002Feditor\u002Ftheme","en\u002Fguides\u002F2.editor\u002F6.theme","i-ph-palette",{"title":5,"path":401,"stem":403,"icon":400},{"title":384,"path":383,"stem":476,"icon":477},"en\u002Fguides\u002F2.editor\u002F8.publishing","i-ph-rocket",{"title":302,"path":301,"stem":479,"icon":480},"en\u002Fguides\u002F2.editor\u002F9.languages","i-ph-translate",{"title":482,"icon":483,"path":484,"stem":485,"children":486,"page":438},"Content","i-ph-stack","\u002Fen\u002Fguides\u002Fcontent","en\u002Fguides\u002F3.content",[487,492,497],{"title":488,"path":489,"stem":490,"icon":491},"Collections","\u002Fen\u002Fguides\u002Fcontent\u002Fcollections","en\u002Fguides\u002F3.content\u002F1.collections","i-ph-squares-four",{"title":493,"path":494,"stem":495,"icon":496},"Blog","\u002Fen\u002Fguides\u002Fcontent\u002Fblog","en\u002Fguides\u002F3.content\u002F2.blog","i-ph-article",{"title":498,"path":499,"stem":500,"icon":501},"Media","\u002Fen\u002Fguides\u002Fcontent\u002Fmedia","en\u002Fguides\u002F3.content\u002F3.media","i-ph-images",{"title":503,"icon":504,"path":505,"stem":506,"children":507,"page":438},"Customers","i-ph-users-three","\u002Fen\u002Fguides\u002Fcustomers","en\u002Fguides\u002F4.customers",[508,513,518],{"title":509,"path":510,"stem":511,"icon":512},"Inbox","\u002Fen\u002Fguides\u002Fcustomers\u002Finbox","en\u002Fguides\u002F4.customers\u002F1.inbox","i-ph-tray",{"title":514,"path":515,"stem":516,"icon":517},"Appointments","\u002Fen\u002Fguides\u002Fcustomers\u002Fappointments","en\u002Fguides\u002F4.customers\u002F2.appointments","i-ph-calendar-check",{"title":519,"path":520,"stem":521,"icon":522},"Google business","\u002Fen\u002Fguides\u002Fcustomers\u002Fgoogle-business","en\u002Fguides\u002F4.customers\u002F3.google-business","i-ph-google-logo",{"title":524,"icon":525,"path":526,"stem":527,"children":528,"page":438},"Site management","i-ph-gear-six","\u002Fen\u002Fguides\u002Fsite-management","en\u002Fguides\u002F5.site-management",[529,534,539,544],{"title":530,"path":531,"stem":532,"icon":533},"Overview","\u002Fen\u002Fguides\u002Fsite-management\u002Foverview","en\u002Fguides\u002F5.site-management\u002F1.overview","i-ph-house",{"title":535,"path":536,"stem":537,"icon":538},"Site analytics","\u002Fen\u002Fguides\u002Fsite-management\u002Fanalytics","en\u002Fguides\u002F5.site-management\u002F2.analytics","i-ph-chart-line-up",{"title":540,"path":541,"stem":542,"icon":543},"Connect your own domain","\u002Fen\u002Fguides\u002Fsite-management\u002Fcustom-domain","en\u002Fguides\u002F5.site-management\u002F3.custom-domain","i-ph-globe-hemisphere-west",{"title":545,"path":546,"stem":547,"icon":525},"Site settings","\u002Fen\u002Fguides\u002Fsite-management\u002Fsite-settings","en\u002Fguides\u002F5.site-management\u002F4.site-settings",{"title":549,"icon":550,"path":551,"stem":552,"children":553,"page":438},"Cards and QR menus","i-ph-qr-code","\u002Fen\u002Fguides\u002Fcards-and-menus","en\u002Fguides\u002F6.cards-and-menus",[554,559],{"title":555,"path":556,"stem":557,"icon":558},"Digital business card","\u002Fen\u002Fguides\u002Fcards-and-menus\u002Fcards","en\u002Fguides\u002F6.cards-and-menus\u002F1.cards","i-ph-identification-card",{"title":560,"path":561,"stem":562,"icon":563},"QR menu","\u002Fen\u002Fguides\u002Fcards-and-menus\u002Fmenus","en\u002Fguides\u002F6.cards-and-menus\u002F2.menus","i-ph-fork-knife",{"title":565,"icon":566,"path":567,"stem":568,"children":569,"page":438},"Team and organization","i-ph-buildings","\u002Fen\u002Fguides\u002Forganization","en\u002Fguides\u002F7.organization",[570,574],{"title":571,"path":572,"stem":573,"icon":504},"Members and roles","\u002Fen\u002Fguides\u002Forganization\u002Fmembers-and-roles","en\u002Fguides\u002F7.organization\u002F1.members-and-roles",{"title":575,"path":576,"stem":577,"icon":566},"Organization settings and billing","\u002Fen\u002Fguides\u002Forganization\u002Forganization-settings","en\u002Fguides\u002F7.organization\u002F2.organization-settings",[579,581],{"title":324,"path":471,"stem":472,"description":580,"icon":473,"children":-1},"Pick a ready-made theme, then fine-tune colors, light and dark mode, fonts, corners, buttons and cards to suit your site.",{"title":384,"path":383,"stem":476,"description":582,"icon":477,"children":-1},"Take your draft live, publish just one page or the site's look, fix what's blocking publishing and go back to an earlier version.",1790889521609]