Building a site with the ServerNet AI site builder

What is the Smart Site Builder and Why Do You Need It?

If you've ever tried to launch a website, you've probably faced numerous challenges: choosing a content management system, buying hosting and a domain, designing a template, optimizing for mobile, and more. For a small business or a freelancer, this process can take weeks of time and significant costs. This is exactly where the Smart Site Builder comes in.

ServerNet's Smart Site Builder is an online tool that turns the website-building process into a few simple clicks. Instead of writing code or manipulating complex templates, you simply describe what your business is and what you want. Artificial intelligence turns these descriptions into a complete, responsive website. In this article, you'll learn step by step how to use this tool, edit the output, and solve common problems.

Step One: Preparing Your Business Description

The quality of the Smart Site Builder's output directly depends on the quality of your input. Before you start, write a clear paragraph about your business. This paragraph should include the following:

• Business name and field of activity (e.g., "Golestan" and "online flower shop")
• Target audience (e.g., "young couples for wedding ceremonies")
• Main services or products (list of 3 to 5 items)
• Contact information (phone number, address, email)
• Tone and style (formal, friendly, luxurious, simple)

Good example:

My business is "Golestan," an online flower shop in Tehran. Our target audience is young couples who order flowers for weddings and engagements. Our services include bridal bouquets, car decoration, hall decoration, and same-day flower delivery. The website tone should be friendly yet luxurious. Contact number: 021-12345678

Enter this description in the relevant field in the site builder. If your tool has additional options like color or font selection, specify those as well.

Common Mistake: Short and Vague Description

Many users only write "flower shop" and expect a complete website. The result is usually a generic and characterless site. The more details you provide, the better the AI can select the appropriate structure, texts, and images. Write at least 50 words.

Step Two: Generating the Initial Output

After entering your description, click the "Build Site" or "Generate" button. The Smart Site Builder typically produces an initial output in less than 30 seconds. This output includes the following standard sections:

• Homepage with business introduction and hero image
• Services or products section with short descriptions
• About Us with the business story
• Contact form with name, email, and message fields
• Footer with contact information and social media links

At this stage, don't rush. The initial output is a draft, not the final version. You need to review and edit it.

Reviewing Structure and Content

First, scroll through the entire site and pay attention to the following:

1. Are the texts aligned with your desired tone and style?
2. Are the sections arranged in a logical order?
3. Are the default images relevant to your field of work?
4. Is the contact information correctly inserted?

If there's anything you don't like, make a note to fix it during the editing stage.

Step Three: Editing the Result

Editing is the most important part of working with the Smart Site Builder. The initial output is never perfect, and you need to align it with your brand. ServerNet's site builder has a visual (drag-and-drop) editor that allows you to make the necessary changes without any coding knowledge.

Editing Texts

Click on any text to make it editable. AI-generated texts may be clichéd. Replace them with your business's actual information. For example, instead of "We provide the best services," write "Over 10 years of experience in wedding flower arrangement with more than 500 successful ceremonies."

Tip: Use keywords related to your business in the texts. This helps with your site's SEO. If you're a flower shop, naturally incorporate words like "bridal bouquet," "car decoration," and "flower delivery" into the text.

Changing Images

Default images are usually selected from free stock photo libraries and may not align with your brand. Upload your business's actual images. To do this:

1. Click on the desired image.
2. Select the "Change Image" option.
3. Upload the image file from your system or enter the image's URL.
4. Adjust the image size and position by dragging the corners.

It's better to use high-quality images (at least 1000 pixels wide) in JPEG or WebP format to maintain site loading speed.

Customizing Colors and Fonts

Align the default colors and fonts with your brand's visual identity. In the site builder settings, you can usually:

• Change the primary and secondary colors
• Choose a Persian font from the available options (such as Vazirmatn or IranSans)
• Adjust font size and line spacing

A simple rule: use a maximum of 2 to 3 primary colors and choose readable fonts. Decorative fonts are better for headings, while simple fonts suit the main body text.

Adding New Sections

If you need a section that isn't in the initial output, you can add it. Usually, there's an "Add Section" option at the bottom of each page. Common sections you might add include:

• Customer testimonials to build trust
• Portfolio to showcase expertise
• FAQ to address common questions
• Google Map to show your location

Step Four: Technical Settings and Publishing

After editing the content, it's time for technical settings. This part is crucial for your website's success.

Connecting a Domain

If you already have a domain, connect it to your site. In ServerNet's site builder, this is usually done through DNS settings. You need to add an A or CNAME record to the address provided by the site builder. For example:

Name: www
Type: CNAME
Value: yoursite.servernet.cloud
TTL: 3600

After adding the record, it may take up to 24 hours for the domain to become active. Be patient.

Mobile Optimization

Over 70% of Iranian users access websites via mobile. The Smart Site Builder automatically produces a responsive version, but you should still check it. In the editor, click the mobile preview option and make sure:

• Texts are readable and don't overflow the screen
• Buttons are large enough (at least 44 pixels)
• Images scale properly
• The menu opens and closes correctly

SEO Settings

Before publishing, set the page Title and Meta Description. These appear in Google search results. The title should contain the main keyword and be a maximum of 60 characters. The meta description should be between 120 and 158 characters and entice users to click.

Example for a flower shop:

Title: Buy Flowers Online | Golestan | Same-Day Delivery in Tehran
Meta Description: Order bridal bouquets, car decoration, and hall decoration online with same-day delivery in Tehran. Over 500 successful ceremonies with Golestan.

Common Mistakes and Troubleshooting

Below, we'll review several common problems that Smart Site Builder users encounter and their solutions.

Problem: The Site Loads Slowly

If your site is slow, the images are likely too heavy. Compress images with online tools or use WebP format. Also, reduce the number of plugins and extra scripts. ServerNet's site builder usually has an optimized infrastructure, but image size is the most important factor.

Problem: Texts Are Not Displaying Correctly

If Persian text appears garbled, the issue is the font. Change the default font to a standard Persian font like Vazirmatn. Also, make sure you're using ZWNJ (half-space) correctly. For example, write "میشود" with a half-space, not "می شود" or "میشود".

Problem: The Contact Form Doesn't Work

The contact form is usually connected to an email or SMS service. In the form settings, make sure you've entered the email address correctly. If emails aren't being sent, check the SMTP settings. In ServerNet's site builder, you can typically use your own email service.

Problem: The Domain Won't Connect

If your domain won't connect, first check the DNS settings. Make sure you've entered the record correctly and set the TTL to 3600. If the problem persists, contact ServerNet support. They usually respond within 24 hours.

Summary and Next Steps

ServerNet's Smart Site Builder is a powerful tool that simplifies the website-building process for everyone. By following the tips in this guide, you can go from a simple description to a professional, complete website. Summary of steps:

1. Prepare a detailed and complete description of your business
2. Generate the initial output and review its structure
3. Edit texts, images, colors, and fonts
4. Add the sections you need
5. Connect the domain and perform SEO settings
6. Check the mobile version and publish the site

After publishing, regularly update your site's content. Adding new articles, fresh portfolio pieces, and customer testimonials helps improve your Google ranking and attract more customers. If you encounter any issues at any stage, consult ServerNet's site builder documentation and guides or get in touch with their support. Building a website is no longer a complex task; you just need to get started.