Design Support - SITE123 Support Center Learn about SITE123's Design and get all the support that you need. We're here 24/7 with live support, or you can search in our support center for guidance. How do I edit the Accessibility statement shown to visitors? Learn how to customize your website's Accessibility Statement: Edit the title and content in the footer settings for better visitor accessibility. Customize Button Content and Style Customize your Floating Contact Button with choices for contact methods like WhatsApp, style options, and a greeting message for visitors. What header and menu settings can I adjust for desktop and mobile? Customize website design with options for header navigation, menu size, font styles, page width, sticky menu, and mobile menu design including color and layout. How do I apply a custom template to change the overall structure? Apply a new structure with a template: Go to Design → Website Structure, open Custom tab, select a template from the dropdown to apply it. How do I customize the header and menus using the Custom tab? Fine-tune your website's header navigation, desktop, and mobile menu via the Custom tab in your website editor. Adjust settings and design easily. How do I choose a layout using the Structures tab? Log in to your website editor and navigate to Design → Website Structure to select and preview layouts. Your layout choice is saved automatically. What if I don’t see a Save button after rearranging Call-To-Action buttons? If a Save button isn't visible during editing, the system may auto-save. Close the window to apply changes. Video guide unavailable without HTML5 support. Do header button order changes update immediately? Update your website header instantly by saving a new button order. Changes reflect immediately without HTML5 video support. Button Placement Logic: Which button shows first on my live site? Learn to organize your site's visual hierarchy by placing the most important button first on the left or top for better visitor engagement. How to Rearrange Header Buttons Learn how to reorder header call-to-action buttons on your website using the Website Editor's design section for improved user navigation. How do I use the Template Generator or AI Content Enhancer for my Accessibility statement? Use built-in tools for creating Accessibility Statements: a Template Generator for automated selection and an AI Content Enhancer for refining text, ensuring compliance with local laws. Can I stop search engines from indexing my Accessibility statement? Learn how to prevent your Accessibility statement from being scanned by search engines by checking the NoIndex checkbox in the edit menu. Save and Publish Update your Floating Contact Button live by clicking Save, previewing the site, and clicking Publish to apply changes. Watch the tutorial video for more details. Defining Banner Behavior and Position Learn how to customize your Cookie Consent banner's position, consent requirement, and the option to disallow non-essential cookies until consent is granted. Customizing the Banner Content Learn to customize cookie consent messages, button labels, and set region-specific displays in settings for improved visitor experience. How do I update the placeholder/button text later or disable the footer mailing list? Change or disable mailing-list text in Design > Footer of editor: Edit for updates or turn off Show Mailing List. Will the mailing-list sign-up form show on every page? Enable Show Mailing List in Footer settings for a site-wide subscription form, allowing visitors to subscribe from any page. Customize the Subscription Field Customize your site's footer mailing list sign-up form: Edit the input placeholder and button text, then click save. Enable the Mailing List Enable mailing-list subscription box in website footer via Design settings: log in, edit site, click Design, select Footer, switch on Show Mailing List. What social profile links can I use for the footer icons? Learn how to add social network profile URLs (Facebook, Instagram, LinkedIn) to your website's footer for enhanced connectivity. Click Update and Save to apply changes. Why is there placeholder text, and where will the Terms of Service link appear on my site? Ensure your Terms of Service is complete and placed in the footer for easy access. Remember to replace placeholder content to look professional. How do I edit my Terms of Service content (and use NoIndex, templates, or AI)? Customize your website's Terms of Service: edit the footer menu, update content, and choose whether to index the page. Use tools like Template Generator and AI Content Enhancer for easy setup. How many header action buttons can I add, and will they show on every page? Enable site-wide header action buttons, with a limit of two, for instant updates in text or style across your website. How do I add marketing and legal tools like pop-ups, Terms, Privacy Policy, Accessibility Statement, or a Cookie Consent banner? Enable tools in Website Editor for pop-ups, legal policies, and cookie consent. Customize design, content, and visibility settings for effective site management. Where will the Floating Contact Button appear, and can I show multiple contact methods? Enable a Floating Contact Button on your site for easy access on every page, with options for multiple contact methods for visitor convenience. Add the Floating Contact Button Enable the Floating Contact Button on your website: Go to Design, select Footer, toggle the button to ON, and click Edit to customize settings. How do I make sure text and hover colors stay readable after changes? After updating site colors, ensure text visibility, check menu hover effects for readability, and maintain a consistent main color for easy recognition of interactive items. What can I change under Custom Color Options (buttons, menu, pages, footer)? Customize your site with the 'Colors' option in Design. Adjust main color, buttons, menu, page backgrounds, and footer colors to create a cohesive look. How do I use Popular Color Schemes (and generate a palette)? Discover how to apply or create color schemes in Design settings. Choose popular palettes, customize or generate from images, and filter or save favorites for easy access. How do I access the color settings in the Website Editor? Open site color settings in Website Editor by clicking Design, selecting Colors, and browsing schemes or custom options. Save and Activate Activate promotional popups on your site by saving inside the builder, then in Footer settings. Set to Only Homepage & Show Once to limit interruptions. Customize Content and Call-to-Action Customize popup content and button for visitor guidance: Add sale messages like "BLACK FRIDAY Sale," upload visuals, and set call-to-action like "SHOP NOW" for promotions. Select and Configure Your Template Choose a template for a Promotion Popup, set it to appear only on the Homepage once per session after clicking Add Popup. Enable Promotion Popups Turn on Promotion Popups in Website Editor: Click Design > Footer, toggle Promotion Popups ON, and click Add Popup to start creating. How do I change the footer layout and design (backgrounds, images, shapes, video) ? Discover how to edit your website's footer layout and customize styling, including background, images, shapes, and videos, for a perfect site fit. Save and Review Save or publish changes to header action buttons on your website and preview to ensure correct display and linking. How do I set up the Floating Contact Button or Floating Share Button (including mobile display)? Customize your website's footer with floating contact and share buttons. Add, remove, and reorder contact methods, and select social platforms for sharing. How do I enable engagement and sharing tools in the website footer? Enable visitor tools like contact, share icons, and mailing lists for your website by adjusting footer settings via the Website Editor's Design section. Show Action Buttons Learn how to add 2 call-to-action buttons to your website's header: Customize button text, type, style, and order for improved navigation and engagement. Show Email Enable email icon in header via Design → Header, set contact email, configure submit actions, auto-reply, and custom forms for improved website interaction. Show Phone Numbers Add a phone icon to your header by going to Design → Header, enabling Show Phone Numbers, and adding contact methods like Phone, WhatsApp, or Telegram. Open Header Settings Learn how to customize your website header - add contact icons, social links, and more in the Website Editor under Design, then Header. Upload Custom Fonts Learn how to upload your brand font to the editor. Supports .woff or .woff2 files up to 5MB. Adjust line height, letter spacing, and word spacing with Custom font options. Adjustments and Typography Size Fine-tune your font spacing and size in Design → Fonts by adjusting line height, letter spacing, word spacing, and selecting typography size for optimal readability on desktop and mobile. Specific Font Settings Apply different fonts for your website's logo, top menu, headers, and content by accessing Design → Fonts in the font menu for a professional appearance. How to Customize Website Fonts Learn how to change your website's fonts using the Website Editor: easily scroll, search, filter by style, favorite fonts, view variations, and access advanced options. How do I edit an existing image with AI? Learn to edit images, including AI-generated ones, with tools like AI Edit & Filters. Click the AI Edit icon, choose a tool, edit, and save changes for better results. Enable Social Networks in the Footer Learn how to add social media icons to your website footer with SITE123: Sign in, go to Design → Footer, enable "Show Social Networks" for visitor access. How do I save, preview, and publish my Terms of Service changes? Ensure updates are visible by saving in the Terms of Service editor, previewing, and publishing to make changes live. How do I activate the Terms of Service link in my website footer? Add a Terms of Service link to your site footer via Website Editor: Design > Footer > toggle Terms of Service On. Publish site to update. How do I change the Floating Share Button color? Customize the Floating Share Button color to match your site's branding by editing settings under Design > Footer, choosing a preset color scheme. Edit the Pop-up tool Settings Learn how to create an attention-grabbing promotional popup like a Black Friday Sale banner for your website's homepage to boost conversions with easy activation steps. Customizing Your Share Options Learn how to enable and customize the Floating Share Button, select social networks like WhatsApp or LinkedIn, and modify appearance settings with our guide. How to Enable the Floating Share Button Enable Floating Share Button on your site: Go to Design > Footer, find the option, and switch it on. Watch our video walkthrough if needed. How do I activate the Accessibility link in my website footer? Enable the Accessibility link in the Website Editor by going to Design, selecting Footer, and checking the Accessibility option. How do I add or remove social networks from the Floating Share Button? Learn how to choose which social networks appear on your site's footer by editing the Floating Share Button, including adding and toggling options. Arrange Call to Actions Buttons Learn how to rearrange Call-To-Action buttons in your site's header for better visitor engagement: Design menu > Header > Arrange, drag to reorder, click Save. Prioritize by visual hierarchy for optimal placement. Change the Website Structure and Menu Style Easily update your website's layout and navigation via Design > Website Structure. Choose pre-made layouts or customize your header and menus for desktop and mobile views. Add Floating Share Button Learn how to enable and customize the Floating Share Button on your website for easy content sharing across social networks from any page. Add Floating Contact Button Enable and customize a Floating Contact Button on your website for instant visitor communication via phone, Telegram, WhatsApp, and more. Customize contact methods, colors, and greetings from the editor for enhanced visitor engagement. Customize the Website Colors Learn how to edit website colors, choose schemes, and personalize elements to enhance brand identity and user experience with this comprehensive guide. Customize the Website Fonts Learn how to customize your website's fonts from the website name to content text for a cohesive design. Edit font style, size, and upload custom fonts for branding. Edit the Website Header Learn how to customize your website header with tools like contact icons, social links, search, and login buttons, plus edit settings for phone numbers, emails, locations, and more. Edit the Website Footer Customize your website footer in the Website Editor to add contact options, social sharing, subscriptions, and legal info. Enhance engagement with floating buttons and grow your audience with email signups. Include legal pages and optimize for mobile and search engines for a seamless design. How to Enable and Configure Cookie Consent Enable and open Cookie Consent settings via Dashboard: Design > Footer > Tick Enable Cookie Consent and edit. Video guide available for detailed steps. Configure Button Settings Learn how to customize header buttons by changing destinations, linking to page sections, selecting styles, and reordering them for your website design. How to Enable Header Action Buttons Learn how to activate action buttons in your site header: Click Design, select Header, toggle Show Action Buttons to ON, and label them as desired. Save and Publish Your Changes Make your Privacy Policy visible on your website by saving it, previewing to confirm, and publishing it - remember to comply with local laws. Use Built-In Content Tools (Optional) Create or improve your Privacy Policy using template generators and AI content enhancers for accurate, professional results. Edit Your Privacy Policy Content Learn how to activate and customize your Privacy Policy link for visitors, including editing in footer settings, updating the title, and using the text editor. Plus, how to prevent search engine indexing. Activate the Privacy Policy Link Learn how to add a Privacy Policy link to your website footer for easy access on any page. Enable it in the Website Editor under Design > Footer. Shape Dividers Between Sections: How do I add a smooth transition between sections? Learn how to create styled transitions between sections using Shape Dividers: Select section, choose style, adjust size, and enhance visual flow. Note: Not available for E-commerce Store. Section Background: How do I add a background color, pattern, image, or video? Guide on customizing section background in layouts: Choose color, patterns, images, or videos, with options for color theme, opacity, effect, and more. Add Social Network Links Learn how to add social network profiles to your website footer: 1. Click Edit next to Social Networks 2. Add Social, select network & paste URL 3. Click Update and Save to apply changes. How do I generate a new AI image in the site builder? Learn how to add AI-generated images to your website: Open Image Library, select Generate an Image, describe your visual, choose style and size, then save. What can I type in the AI Edit prompt to change an image? Maximize AI photo editing with precise prompts like "make colors warmer," "remove background," or "add subtle shadow for more realistic images." How to Change Category Tab Designs Learn how to update category tabs design in Website Editor's preview mode: hover over tabs, click gear, choose layout. Ideal for menus, galleries, and more. Category Tab Layout Options Explore Category Layout design options: Default, Background Fill, Rounded styles, and more with customization like Selected Background, Color, Vertical, or Slash separators. Do category tab changes update in real time while I’m editing? Instant updates in editor preview for changes made in Category Layout design window, compatible with HTML5 video support. Should I check my category tab layout on mobile? Ensure your website's layout works well on mobile by reviewing category tabs in mobile view for easy navigation. How do I edit and design a section? Customize your webpage's section by clicking the gear icon and selecting Settings, Background, or Shape Dividers from the menu, options vary by layout. Section Settings: What can I change in a section’s Settings tab? Discover how to customize your webpage's appearance and functionality with settings like section title visibility, item arrangement, layout color, and more, including unique options for Homepage and Promo pages. Edit the Website Cookie Consent Learn to set up a Cookie Consent banner for your site to comply with privacy laws. Customize the message, position, and consent requirements easily from your website Dashboard. Edit the Website Accessibility Enhance website inclusivity by adding an Accessibility link in the footer. This guide includes how to activate the link, edit the accessibility statement, and customize its appearance. Edit the Website Footer Mailing List Learn how to collect emails effortlessly by adding a mailing-list subscription box to your site's footer, enabling it in the Design section, and customizing the text for better audience growth. Show Social Network Icons in the Website Footer Learn how to display and link social media icons (Facebook, Instagram, LinkedIn) in website footer using SITE123 - simple steps to enable and add profiles. Edit the Website Terms of Service Learn how to add and customize a Terms of Service page on your website, including activating the link, editing content with an AI enhancer, template options, and ensuring compliance with laws. Show Action Buttons on Website Header Learn how to add action buttons to your site header for better visitor direction, including steps for enabling, configuring settings, and ensuring site-wide visibility. Edit the Website Privacy Policy Learn how to enable, edit, and display your website's Privacy Policy with this guide covering activation in the footer, content customization, and use of built-in tools for legal compliance. Edit and Design Sections Customize website sections: adjust display, change backgrounds (color, patterns, images, video), add effects, and smooth transitions with shape dividers. Edit settings, background, and dividers for tailored web design, excluding e-commerce stores. Customize Category Tab Layouts Customize your website's category tab designs directly in preview mode to match your site's aesthetic. Choose from various styles like default, rounded, or color-highlighted, ensuring visual consistency and mobile compatibility. Create and Edit Images with AI Generate and improve images in your site builder using AI. Create visuals from text or edit images with simple prompts. Supports realistic, artistic styles and has tools for cropping, painting and video editing.