Skip to content

Website Builder

About Vibefam Website Builder

🤔What it is

Vibefam Website Builder is an AI-powered tool that allows studios to create a professional, fully studio-branded website in just minutes. It is seamlessly integrated with Vibefam’s booking and payment system, so your website is ready to accept bookings and payments right away.

💡Problem it solves

Many studios don’t have the time, technical skills, or design experience to build a polished website. Even traditional drag-and-drop website builders still require a lot of manual work.

With Vibefam Website Builder, AI takes care of the heavy lifting. Using smart prompts and AI-assisted editing, you can instantly generate a complete website and easily refine the content and layout making website creation fast, simple, and effortless.

🏵️Getting Started

Before building your website with AI, you can use our existing domain to publish immediately (<any_name_you_decide>.vibefam.com), or you can purchase your own custom domain for better brand identity. 

This guide is split into three parts:

    1. Setting up your website using Vibefam AI Website Builder
    2. Understanding what a domain is
    3. How and where to purchase a domain?

 

Setting up your website using Vibefam AI Website Builder

Step 1: Open the Vibefam Website Builder

Log in to your Vibefam account and navigate to the Website Builder page. You’ll see a prompt where you can provide instructions and information for the AI.

 

Step 2: Describe Your Studio to the AI

Enter key details about your studio, such as:

  • Your brand or studio vibe

  • What you offer (classes, packages, memberships)

  • How your branches operate and how members engage with your studio

Once done, click the button to submit this information to the AI.

Website Builder 1

 

Step 3: Let the AI Generate Your Website

Vibefam’s AI will begin creating your website. During this process, the AI automatically pulls information from your Vibefam studio profile, including:

  • Classes and schedules

  • Memberships and packages

  • Studio locations and amenities

  • Logos and branding assets

This ensures the website matches your brand and what your members are looking for.

Step 4: Edit Your Website (Optional)

Once the website is generated, you’ll see an editing panel on the left. You can:

  • Make edits directly using the editor

  • Drag and drop sections

  • Adjust or rewrite content if needed

You’re not locked into the AI version—everything is fully editable.

Website Builder 2

 

Step 5: Preview Your Website

Before going live, click Preview to see how your website looks.
Your website may include sections such as:

  • About your studio

  • Classes and offerings

  • Amenities

  • Instructors

  • Memberships and packages

  • Studio locations

Members can easily navigate through these sections based on what they’re interested in.

In addition, do check on the Mobile Compatibility view as well.

Your website is fully mobile-friendly. Members can view all details seamlessly on their phones, just like on desktop.

Step 6: Publish Your Website & Start Accepting Bookings/Payments

When you’re ready, click Publish.
Your website will go live immediately at your custom Vibefam domain (e.g. vibepilates.vibefam.com).

Once published, members can:

  • Visit your website instantly

  • View your offerings

  • Book classes

  • Make payments

All bookings and payments are fully integrated with Vibefam.

Demo Video Guide

Step-by-Step Guide: Create & Publish Your Website on Vibefam in Minutes

🎉 That’s it!
You’ve successfully created and published a professional, studio-branded website—in just a few minutes.

Understanding what is a "Domain"

What is a Domain?

A domain is the web address people use to access your website, for example:

  • mystudio.com

  • mystudio.my

  • mystudio.co

Instead of using a long or generic link, a custom domain helps:

  • Strengthen your brand identity

  • Look more professional

  • Make your website easier to remember and share

In other words, domain serves as the unique digital "street address" for a website, allowing visitors to find a specific site on the internet.

How Much Does a Custom Domain Cost?
  • Most domains cost approximately USD $10–$60 per year

  • Pricing depends on:

    • Domain popularity

    • Domain extension (e.g. .com, .net, .org)

This cost is charged by the domain provider (Namecheap) and is industry standard. Vibefam does not charge for domain purchases.

What If I Already Own a Domain?

If you already own a domain, simply contact our support team and we’ll help you connect it to Vibefam.

👉 Submit a ticket here: [Vibefam Support]

How and where to purchase a domain?

Step 1: Purchase Your Domain (via Namecheap)

We recommend Namecheap for reliability and ease of use. 

  1. Navigate to: https://www.namecheap.com/domains/registration
  2. Search your desired domain
    1. Example: vibefamstudio.com
      Domain 1
  3. Check availability & pricing
    1. If available, click Add to Cart
    2. The price is dependent on the popularity of your website, and may be higher or lower than the price you see above.
    3. Sometimes, it may already be taken, and it will look like the picture below, and you can try a different URL, or a different ending (such as .net, .org, .co)

 

Step 2: Checkout & Register
  1. Once you have added the domain to the cart, you will see the example below: 
  2. Make sure domain registration and domain privacy is switched on.

     

  3.  Click Confirm Order and Proceed
  4. Next, proceed to create an account.

    1. Create / Log in to your Namecheap account
    2. Create / Log in to your Namecheap account
    3. Click next, and you will see a summary. Scroll down and click “Continue”.

    4. Enter payment details
    5. Ensure auto-renew is turned on for Domain Registration and Domain Privacy

    6. Ensure this is checked as well

Step 3: Point Domain to Vibefam
  1. Now go back to https://ap.www.namecheap.com/domains/list/ and click on the domain you just purchased.
  2. Click your purchased domain → Manage



  3. Open Advanced DNS

  4. Click on Add New Record

    1. Add first record

      - Choose A record, then type “@” in the second textbox, and 76.76.21.21 in the third textbox

      - Click tick to confirm
    2. Add second record

      - Click Add New Record again to add another record
      - Now choose A record, type “www” in the second textbox, and 76.76.21.21 in the third textbox
      |
      - Click tick to confirm
  5. Verify the final outcome looks like this:

Step 4: Inform Vibefam

Once DNS is set, submit your domain to us so we can complete the connection.

📩 Send us:

  • Your purchased domain (e.g., mystudio.com)

👉 Contact Support: [Vibefam Support]

Our team will finalize the linking on our end.

FAQ

Q: Why do I need to pay for a domain?

A domain is your digital address on the internet. All websites require a registered domain, and this cost is standard across the industry.

Q: Can Vibefam help me buy a domain?

No, studios would need to purchase domains directly. This is so that you have full control and ownership of the domain - digital address.  We provide the setup guidance and linking support.

Q: What if I want to change my domain later?

You can update it anytime. Just inform our support team and we’ll assist with re-linking.

Q: I’m not technical — can someone help?

Absolutely! Submit a support ticket and our team will guide you.

Or you can schedule a call with us here: https://meetings-na2.hubspot.com/gabriel-phan/customer-success-meeting-scheduler

📩 Need help? Visit our Help Centre or contact our support team anytime.