Table of Contents

This detailed guide will walk you through installing, setting up, and customizing the Craft Brewery Pro theme, helping you build a professional and captivating website for your Beer business.

Craft Brewery Pro Theme Documentation

Introduction

Welcome to our Craft Brewery Website Template – the perfect solution for showcasing your brewery, craft beers, and tasting experiences. Designed with a sleek and modern layout, this template offers an engaging way to highlight your unique flavors, brewing process, and upcoming events. Whether you run a small local brewery or a large-scale craft beer business, this template is fully customizable to meet your needs. Get ready to attract beer enthusiasts and create an unforgettable online presence for your brand!

Customize Your Website

Global Setting

To set global styles:
  • Go to Elementor > Site Settings.
  • Adjust typography, colors, and layout settings.

Header & Footer Setting

  • Use Elementor Theme Builder to edit the header and footer.
  • Customize the navigation menu, logo, and contact details.

First, drag and drop the Elementor widget menu. You can add new items or rearrange them as needed. Then, insert an button widget to create a “Get A Quote” popup. Finally, customize the design using the style options to match your desired look.

you can add logo, newslatter form, Social Link, contact details, logo, menu and if you wish in footer, and create you best design.

Home Page Setup

Using Pre-Built Layouts

Navigate to Setting >> Reading

Choose the Static Page option.

Choose an existing homepage or create a new one.

Add The Section in home page using elementor

Add components such as these using the Drag & Drop Builder:

  • Hero Section
  • Flavour image box
  • about section
  • Feature List
  • Top Rated
  • Our Brewery Menu’s
  • Best Brewery
  • client review
  • Our Blog
  • Contact

Main Hero Section

Background Image: Upload or modify the background image for this section to enhance visual appeal.

Slider Title Display: Opt to show or hide a title over the slider background.

Slider Text Content: Personalize the text displayed on the slider’s background for better messaging.

Slider Title Color: Match the heading color of the slider with your overall design theme.

Slider Title Fonts: Tailor the font size and style of the slider heading to suit your design needs.

Button Text Fonts: Align the button text font style and size with your brand identity.

You can add custom icon boxes, images, titles, descriptions to the carousel slider, and customize the style if you want.

Flavour Images Box

In Feature Box you can add the box as much as you can
Then add the image to it, title and description then change the style of each image box.

Design Elements:

  • Card Layouts
  • Typography
  • Color Palatte
  • Spacing

About Section

The image presents an engaging promotional section for a craft brewery, designed to highlight its rich traditions, premium offerings, and immersive brand storytelling.

Highlighted Product Cards:

  • Our Items Card
  • Feature Product Display
  • Bar Collection Showcase

Design Elements:

  • Typography
  • Background & Color Palette
  • Card Borders:

Customization Options:

  • Background Effects:
  • Typography Styling:
  • Image Swaps:

Feature Section

This section creatively highlights key features and selling points of the craft beer experience, combining clean design with informative, icon-based content blocks surrounding a central product image.
Central Product Display:
Surrounding Feature Cards:

  • Six strategically placed content cards outline different aspects of the beer’s journey, from ingredients to experience:

Design Elements:

  • Icon Style
  • Typography
  • Card Layout
  • Customization Panel

Top Rated Product

This visually rich and enticing section highlights the most popular beer offerings, combining vibrant imagery, compelling headlines, and clear calls to action — designed to draw the viewer in.
Headline
Two Feature Cards:

  • Headline
  • Image
  • CTA

Design Elements:

  • Warm, earthy background tones
  • Bold typography
  • High-resolution beer imagery
  • Yellow CTA buttons

Our Brewery Menu's

The image shows a brewery menu design with a stylish and modern layout. The menu is divided into two sections, each displaying different craft beer options with descriptions and prices.
Title
Two-Column Layout:

  • The left column lists beers with images on the left, names and descriptions in the center, and prices on the right.
  • The right column follows a similar format but places the images on the right side.

Beer Items:
Design Aesthetic:

  • Soft beige background with dark green typography.
  • Alternating placement of images to create balance.
  • Elegant font styling with gold and black text.
  • Dotted lines separating beer names from their prices for a clean look.

Counter Section

The image displays a counter statistics section from a website, likely designed to showcase key achievements or business metrics. The section consists of four rectangular cards, each containing an icon, a title, and a numeric counter with a “+” suffix, indicating approximate values.
Key Elements in the Image:

  • Counter Settings Panel (Left Side):
  • Four Counter Cards (Right Side):
  • Individual Counter Details:

Design Aesthetic:

  • The layout follows a clean, structured format.
  • The color scheme uses mustard yellow and dark green, giving a premium and vintage feel.
  • The counters are visually appealing, likely animated to count up dynamically.

Purpose:

  • This counter section is likely used to highlight business success, achievements, or milestones for a brand, such as a brewery, restaurant, or beverage company.

CTA Section

Section Title
Main Heading
Subtext
Bullet Points with Icons
Call-to-Action (CTA) Buttons
Background Image & Right-Side Visual
Left Sidebar Panel (Website Builder UI)
Design Aesthetic & Purpose:

  • Uses warm tones and bold typography for a premium and inviting look.
  • Encourages visitors to explore the brewery, order beer, or get a quote.
  • Well-balanced layout with text on the left and an image on the right for easy readability.

Review Section

The image displays a testimonial carousel section for a brewery website. It is designed to showcase customer reviews dynamically.

  • Heading
  • Testimonial Box
  • Customer Review
  • Reviewer Details
  • Navigation Controls
  • Left Sidebar Panel (Website Builder UI)

Design Aesthetic & Purpose:

  • The yellow and green color scheme aligns with a brewery theme.
  • The carousel format makes the section interactive and engaging.
  • Encourages trust and credibility by featuring real customer experiences.

This section is perfect for a brewery website’s homepage or product page, showcasing customer satisfaction and building social proof.

Blog Section

The image showcases a blog section for a brewery website, highlighting recent news and articles related to craft beer.

  • Section Title
  • Blog Post Previews:
  • Social Media Icons
  • Website Builder UI (Left Panel)
    • The blog posts are structured using a card layout.
    • One column per post (adjustable setting).
    • Images are enabled, with a medium resolution setting.
    • Titles and excerpts are shown, ensuring key details are visible.

Design Aesthetic & Purpose:

Contact Section

The image showcases a Contact Us section for a brewery website, featuring a contact form and an inviting background image of craft beer glasses.
Contact Form (Right Side)

  • Title
  • Heading
  • Form Fields
  • Send Button

Background Image (Left Side)
Form Editor Panel (Left UI)
This section is perfect for a brewery or craft beer website looking to engage with customers, handle inquiries, or gather feedback efficiently.

Conclusion

A well-designed craft brewery website plays a crucial role in engaging customers, showcasing products, and building brand loyalty. By incorporating visually appealing elements, such as high-quality images of craft beer, a warm color palette, and user-friendly navigation, the website enhances the overall user experience.