Mount Olympus: Widgets

Every widget's settings, section by section: what each option does, examples, limits and fixes.

• How a widget's Design panel works

  The parts every widget's Design panel shares - Spacing, Position, Visibility, Grid Position, text styles, hover chips, per-screen-size values, Manage windows and Connect to Data.

• How to add animations and effects to widgets

  Use the Animations & Effects section to add entrance animations, scroll effects and hover effects to any widget, section or column, and stagger a box's widgets.

• Text widget settings

  Write and style headings and paragraphs with the Text widget - the text toolbar, the Zeus write and rewrite menu, the Design panel and connecting text to data.

• Image and Logo widget settings

  Add pictures and the business logo, then set fit, click actions, enlarge on click, hover effects, focal point, captions, size, shapes (circle, arch, blob and more), corners, borders, shadows and the logo's background plate.

• Button, Download File, Click to Call, Click to Email and OpenTable settings

  Set up buttons that link, download a file, call, email or book an OpenTable table, and style them with colors, images, glass, icons, hover changes, size and position.

• Icon, Shape, Spacer and Divider widget settings

  Add an icon or a row of review stars, a filled shape, empty space or a line, and every option in their Manage windows and Design panels.

• Text & Image and Copyright widget settings

  Show a photo with text wrapped around it, or a © line whose year updates itself, and every option in their windows and Design panels.

• Accordion, Tabs and List widget settings

  Build FAQs, tabbed content and repeated items (services, team, features) by hand or from a collection, with FAQ schema, auto internal links and every design option.

• Table and Chart widget settings

  Add a table you type, paste, upload as CSV or fill from a collection, or a bar, line, pie or doughnut chart, and every option in their windows and Design panels.

• Nav Links, Menu Icon and phone menu settings

  Every option for the menu links (Manage Navigation, Menu Bar, item states, lines, sub-menus, mega menus), the Menu Icon button and the slide-out phone menu.

• Breadcrumbs and Language Selector widget settings

  Show a trail of parent pages with Google breadcrumb markup, or a switcher between the site's languages, and every option in their settings and Design panels.

• Social Icons, Share and WhatsApp widget settings

  Link to your social profiles, let visitors share a page, or add a WhatsApp chat button (floating or inline), with every option in their windows and Design panels.

• HTML Embed widget settings

  Paste embed code, an iframe or an X profile link into an HTML Embed, choose sandboxed or Run on the live site, and set its size, spacing and animations.

• Video, Audio and Lottie Animation widget settings

  Every setting on the Video, Audio and Lottie Animation widgets, from picking the video or track to playback, size, alignment and the cookie banner.

• Photo Gallery and Media Slider widget settings

  Every setting on the Photo Gallery and Media Slider widgets: adding photos and slides, links or lightbox, layout, thumbnails, center mode, transitions and styling.

• Before & After, Image Stack, Expanding Media, 3D Carousel and 3D Image settings

  Settings for the eye-catching Media widgets: the Before & After slider, Image Stack, Expanding Media, 3D Carousel and 3D Image (spinning picture, flip card or cube).

• Video Gallery, Preview Gallery and Featured Work widget settings

  Settings for the Video Gallery (one video, a searchable library or a showcase hero), the Preview Gallery that opens live sites in a window, and the Featured Work grid.

• Stacking Cards, Card Carousel, Glass Cards and Text on Glass settings

  Settings for the card widgets in Showcase: Stacking Cards that stack as you scroll, the swipeable Card Carousel (with a Testimonial layout and star ratings), Glass Cards and Text on Glass.

• Infinite Scroll, Text Ticker, Tag Grid and Counters settings

  Settings for four Showcase widgets: Infinite Scroll (sliding images or logos), Text Ticker (a scrolling message bar), Tag Grid (text tags) and Counters (numbers that count up, with rings or bars).

• Timeline and Split Screen Tabs widget settings

  Settings for the Timeline widget (dated milestones with Read more windows) and Split Screen Tabs (tabs on the left, an image and text card on the right, stacking below 1024px).

• Animated Heading, Parallax Text and Particle Image widget settings

  Set up the three Effects widgets that move words and photos: a heading that types itself out or flows with color, big words that drift on scroll, and a photo that breaks into particles.

• Hero Slider, Scroll Video, Scrolling Glass Slides and Floating Spheres settings

  Set up the big Effects widgets: a cross-fading hero with a glass panel, a video that plays as visitors scroll, full-screen slides that change on scroll, and floating orbs.

• Map, Business Hours, Multi Location and Location Finder widget settings

  Show where the business is and when it's open: a map of the Business Info address, opening hours, a map and list of every location, and a clickable US map of offices by state.

• Pricing Cards, Plan Comparison and Price Calculator widget settings

  Show prices three ways: plan cards with a monthly or annual switch, a plans-by-features comparison table, and a step-by-step calculator that adds up an estimate.

• Coupon, Countdown and PayPal Button widget settings

  Run offers and take simple payments: a printable coupon with an expiry date, a live countdown to a date and time, and a PayPal Buy or Donate button.

• Restaurant Menu, Events and Google Calendar widget settings

  Show a restaurant menu (typed in or uploaded as CSV), a searchable list of upcoming events, and a public Google, Outlook or Apple calendar that refreshes every 30 minutes.

• Blog widget settings (All Posts, Recent Posts, Blog Search, Tag Filter, Table of Contents, RSS Feed)

  Show blog posts anywhere on a site as a grid, list, cards or carousel, add a blog search box and tag buttons, list a page's headings, and show any RSS feed.

• Curved Text widget settings

  Set words along an arc, around a circle, on a wave or on a curve you shape yourself, with optional repeat and scrolling, and control how it looks on phones.

• Section and column Design panel settings

  Every option in the Design panel of a section, column, inner column or box - layout, background color, image slideshow, video, border, shadow, glass, spacing, size and animations.

• Advanced Tabs, Advanced Accordion and Advanced Grid settings

  Build tabs, expandable items and cell grids that hold any widgets - add and rename panels, tab position and styles, accordion header and icon, grid presets, cells, spans, pinning and stacking.

• How to show collection items with a Dynamic Repeater

  Design one card and the Dynamic Repeater repeats it for every item in a collection - choose the collection, filter, match the dynamic page, sort, limit, and set items per row and spacing.

• Collage widget settings

  Every Collage widget setting. Mix big and small photos in one grid with preset or Custom layouts (drag to place), a layout per screen size, captions, links, the lightbox, hover effects and alt text.