Design | Support Center

Upload Custom Fonts
Upload your brand font (.woff or .woff2 up to 5MB) to the editor for customization, just like other fonts. Video guide available for easy walkthrough.

Where will the Floating Contact Button appear, and can I show multiple contact methods?
Enable a contact button on every page of your site in the bottom corner with multiple contact options for visitor preferences.

Add the Floating Contact Button
Learn how to activate the Floating Contact Button in the Website Editor: Click Design, select Footer, toggle the button ON, and edit settings.

How do I use Popular Color Schemes (and generate a palette)?
Discover how to quickly apply or build your perfect color palette: select schemes, customize, filter favorites, and generate palettes from hashtags or images.

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.

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.

Can I add the Accessibility statement link to my website header instead of the footer?
Accessibility Statement links should be in website footer for easy navigation, not the header. Display on homepage via scrolling content page or header menu on a multi-page website setup.

Adjustments and Typography Size
Adjust font appearance in Design → Fonts by tweaking line height, letter spacing, and word spacing. Use sliders for custom options and choose typography size.

Specific Font Settings
Customize your site's look with different fonts for the website name/logo, top menu, headers, and content. Keeping to 2-3 fonts ensures a professional design.

How to Customize Website Fonts
Learn how to modify your website's font style directly in the Website Editor through steps like selecting fonts, using filters, and custom options.

How to Access Color Settings
Edit your website colors via Website Editor by clicking Design, selecting Colors from the list, and browsing schemes or custom options.

Save and Publish
Learn how to update your website: Save changes, preview live site, and publish online. Watch our guide video for a step-by-step tutorial.

Customize Button Content and Style
Learn how to customize your Floating Contact Button with options for contact methods like Phone and WhatsApp, choose its color, and add 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.

How to Rearrange Header Buttons
Easily reorder header call-to-action buttons in your Website Editor: simply drag to adjust their position and click Save to apply changes.

What tools are available when editing an image with AI?
Easily modify images using AI Edit, Filters, Crop, Paint, and Video tools after selecting an image in the Image Library.

How can I change the footer layout and design (background, images, shapes, video)?
Learn how to change and customize your website's footer layout and design, including background options. Note: Footer copyright updates automatically.

Shape Dividers Between Sections: How do I add smooth transitions between sections?
Learn how to add stylish transitions with Shape Dividers in sections: choose a style, adjust size, and enhance visual flow for website design.

Section Background: How do I add a color, pattern, image, or video background?
Learn how to style your section's background with color, patterns, image, or video in specific layouts. Customize opacity, themes, effects, and more for a personalized look.

Section Settings: What can I change in the Settings tab?
Control section appearance and behavior in Settings tab, with options like title visibility, item arrangement, and mobile display, plus page-specific features like text alignment and image animation.

How do I edit a section on my website?
Learn how to edit a section: Go to the section, click the gear icon, and choose from Settings, Background, or Shape Dividers. Note: Not available for E-commerce Store.

When will the new button order show on my website?
Save changes to immediately update your website's header with new button order. Watch how here: [video link].

Do I need to click Save after rearranging call-to-action buttons?
Rearrange buttons as desired, click Save or close window to apply changes automatically. No Save button means auto-save is enabled.

Which call-to-action button shows up first on my live site?
Learn how to arrange your website's header for maximum impact: Start with the most crucial action on the left/top and follow visual hierarchy principles.

What kind of links should I paste for Facebook, Instagram, or LinkedIn?
Learn how to paste your social profile links with examples for Facebook, Instagram, LinkedIn, and a video guide for easy setup on any network.

Why did my color change affect the whole site, and how do I change a single section’s color?
Changing website colors affects all pages, but specific sections can be altered via the gear icon. Ensure text visibility and menu hover colors remain clear.

What can I customize with Custom Color Options?
Customize website colors in Design for links, buttons, menus, pages, sections, and footer to enhance your site's aesthetics and coherence.

Customize the Subscription Field
Learn how to modify the footer mailing list's email field and button text by using the edit icon, customizing input placeholder and button text, and saving changes.

What should I write in an AI Edit prompt to get better results?
Learn how to modify images effectively: Use clear prompts for changes like adjusting colors, removing backgrounds, or adding shadows to enhance realism.

How do I edit an image with AI (using the magic wand)?
Learn how to edit images in the Image Library, including AI-generated ones, using tools like AI Edit, Filters, Crop, and Paint, with a tip for better results.

How do I edit the Accessibility statement (title, content, and NoIndex)?
Learn to customize Accessibility Statement in site footer: Edit title, content, and NoIndex option for search engine visibility. Replace default text for professionalism.

Defining Cookie Consent banner behavior and position
Manage Cookie Consent settings: Choose banner position, toggle consent requirement, and prevent non-essential cookies until consent is given.

How do I show the cookie banner only for specific countries or regions?
Enable Country Specific Display in Cookie Consent settings for region-specific banner display, useful for compliance with regulations like GDPR.

Customizing the Cookie Consent banner content
Learn how to customize your site's Cookie Consent message and button text for a better user experience.

How do I update the footer mailing-list text or disable it later?
Learn how to change or disable the footer mailing list in your design settings, including updating text and a video walkthrough for guidance.

Will the mailing-list sign-up show on every page?
Turn on Show Mailing List in Design > Footer to add a sign-up form across your site's footer. Watch the video walkthrough for guidance.

Can I add the Terms of Service link to my website header instead of the footer?
Guide on making Terms of Service accessible via top navigation without homepage visibility by setting up a multi-page site, adhering to local laws.

How do I edit the Terms of Service page content (and use the template generator or AI tool)?
Customize your website's Terms of Service page: edit title, content, and opt-out of search engine indexing. Also, use a template or AI enhancer for professional results.

How do I activate the Accessibility link in my website footer?
Turn on the Accessibility link in the Website Editor by selecting Design, Footer, and enabling the Accessibility checkbox.

How do I activate the Terms of Service link in my website footer?
Learn how to add a Terms of Service link to your site's footer using the Website Editor and ensure it's easily accessible across your site.

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.

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.

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.

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.

Can I use the Template Generator or AI Content Enhancer for my Accessibility statement?
Use a template generator for quick accessibility statement creation or enhance it with AI Content Enhancer for tailored improvements.

How do I add marketing and legal tools in the footer (pop-ups, Terms, Privacy, Accessibility, cookie consent)?
Configure website footer for SEO: Enable Promotion Pop-ups, Terms of Service, Privacy Policy & Accessibility Statement, and Cookie Consent Banner in Website Editor.

How do I add engagement and sharing tools to my footer (contact, share, social icons, mailing list)?
Learn how to customize your website's footer with contact buttons, sharing tools, social networks, and mailing list options for better engagement and sharing.

How do I access the Footer settings in the Website Editor?
Learn how to edit your website footer: Access Website Editor, click Design, choose Footer from menu, enable tools, and adjust layout/styling.

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.

Arrange Call to Actions Buttons
Learn how to rearrange call-to-action buttons in your website's header for better visitor engagement. Highlight important actions by controlling button order in the website editor.

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 a Floating Contact Button on your website to instantly connect visitors with your team via phone, Telegram, WhatsApp, email, and more. Customize contact methods, colors, and greeting messages.

Customize the Website Colors
Learn how to establish a strong brand identity with your website colors. Find out how to access color settings, choose popular color schemes, and customize elements for a visually appealing site.

Customize the Website Fonts
Learn how to customize your website fonts for readability and brand personality, including steps for editing font style, size, and uploading custom fonts for a cohesive design.

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 using the Website Editor to enhance visitor engagement with contact options, social shares, subscriptions, and ensure compliance with legal info.

Enable Social Networks in the Footer
Learn how to display social media icons in your website footer using SITE123: Access Design, then Footer settings, and enable "Show Social Networks".

Enable the Mailing List
Add a mailing-list subscription box to your website footer easily: login, edit site, click Design, select Footer, and enable Mailing List. Watch our video guide.

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.

Save and Review
Save or publish changes to header action buttons on your website and preview to ensure correct display and linking.

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
Learn how to make your Privacy Policy visible on your live website: Save it, preview, and publish to ensure the link appears in the footer for accessibility.

Use Built-In Content Tools (Optional)
Speed up writing or improving your Privacy Policy with built-in editor tools including a Template Generator and AI Content Enhancer for professional policies.

Edit Your Privacy Policy Content
Learn how to activate and customize your Privacy Policy page including title updates, adding text, and NoIndex option for search engines.

How do I save, preview, and publish my Terms of Service changes?
Ensure updates to your Terms of Service are live by clicking Save, using Preview to check the link in the footer, and clicking Publish to apply changes.

Add Social Network Links
Enable social icons in footer and add profile links: Edit Social Networks, Add Social, choose network, paste link, update, save changes.

How to enable and configure Cookie Consent
Activate the Cookie Consent banner on your website by navigating from the Dashboard to Design, selecting Footer, and enabling Cookie Consent for customization.

How do I generate a new AI image in the site builder?
Learn to easily add AI-generated images to your website by selecting the image style, size, and describing your desired content for customized visuals.

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.

Activate the Privacy Policy Link
Learn how to add a Privacy Policy link to your website footer easily by enabling it in the Website Editor under the Design and Footer options.

Edit the Website Cookie Consent
Learn how to enable, configure, and customize the Cookie Consent tool on your website to meet privacy requirements, including banner position and consent management.

Edit the Website Accessibility
Learn to enhance website inclusivity with an Accessibility link in the footer. This guide covers activation, customizing your accessibility statement, and ensuring compliance with laws.

Edit the Website Footer Mailing List
Easily add a mailing-list subscription box to your site's footer to collect emails and grow your audience. Customize it in the Design section for global visibility and easy updates.

Show Social Network Icons in the Website Footer
Learn how to display and link social media icons in your website footer, including Facebook, Instagram, and LinkedIn, by enabling them in your SITE123 editor.

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, and ensuring compliance with local 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 add, edit, and display a Privacy Policy on your website to build trust and ensure transparency. Includes steps for activation, content customization, and publishing.

Edit and Design Sections
Customize your website sections with various settings, background designs (color, patterns, images, video), and shape dividers for stylish transitions between sections.

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 directly in your site builder using AI. Create visuals from text or edit images with simple prompts. No design tools required.

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.