5 Best Website Builders (Tested & Ranked)

5 Best Website Builders (Tested & Ranked)

Kevin Stratvert

0:00 The time has come for me to build a new website.

0:03 The last time I made a new site for my business, it was a rush job.

0:07 And I think we can all agree my old site was “meh” at best.

0:11 I know there are better tools available today that will let me

0:14 finish my site much faster and help make it look so much better.

0:18 I'm Nick and today we're going to build my new website five

0:21 times with five different tools and get an idea of how they work.

0:25 Each of these tools will let you design and even

0:28 publish for free with some options for upgraded subscriptions,

0:31 and all of them can help you link your own custom domain.

0:35 To start, we're partnering with Framer,

0:37 which ended up being my favorite all-around website builder

0:40 because it's super easy and fast to get started,

0:42 but it scales up significantly if you want more powerful features.

0:46 The first thing I noticed was that I loved the templates.

0:49 Let's let somebody else handle the initial design work.

0:52 And whether you use a template or start with a blank page,

0:56 you can always work with Wireframer, which is Framer's AI design assistant.

0:59 I removed a few things from the template and rewrote some placeholder text.

1:03 And when you select any object on the page,

1:06 you have a properties panel on the right

1:08 with an incredible amount of adjustments you can make.

1:11 And this is where you would go to swap out pictures from a template,

1:15 but also to change the size, links, and even animations on objects.

1:20 On the left, there are three tabs.

1:21 There's a tab where you can choose which page you want to work on.

1:24 And the assets tab helps you manage styles.

1:27 From the styles, I was able to quickly

1:30 change the color of buttons across my site.

1:33 If we zoom out, we can see

1:35 that every Framer project starts with three break points.

1:39 These are alternative layouts of your site for desktop, tablet, and phone.

1:43 The changes you make are updated across all breakpoints,

1:47 but you can make specific adjustments to the tablet

1:50 and the phone layouts if you need to.

1:53 Next, there's the overall design philosophy.

1:55 The design tools start easy,

1:56 and you can stick with the easy tools, but if you need them,

2:00 there are significantly more powerful features that work

2:03 a lot like other professional design apps.

2:06 Some people even use Framer for their design

2:08 work as an alternative to apps like Figma.

2:11 So, let's say you wanted to add a video to a page.

2:15 From the insert menu,

2:16 you can add a new section with a pre-made layout or add individual objects.

2:20 You can drag an object from the insert menu directly to your page,

2:25 then use the properties panel to modify it.

2:27 If you were embedding a YouTube video,

2:29 this is where you would put in the link for your own video, among other things.

2:33 But if you want far more control over the layout,

2:36 you might start in the layout menu where you can create your own frame layouts.

2:41 And you can design specific layouts outside of the page canvas,

2:45 something that Framer borrows from Figma.

2:48 This lets you get everything looking exactly

2:51 how you want without disturbing your page.

2:54 And if you're not a Figma designer,

2:56 Framer has a secret weapon to help you get running fast.

2:59 Framer Academy is a huge library of video courses

3:02 and tutorials to help you learn everything you need.

3:05 Using tips from Framer Academy,

3:06 I was able to design that custom layout for my sample videos.

3:10 I can easily compare that to what is already on the page.

3:14 And when I'm ready, I can move the frame I don't

3:17 want out of the page and move my new layout in.

3:20 And when you're ready, the publish button immediately publishes your site

3:23 with an address on Framer’s subdomain.

3:26 But Framer can also help you register a new

3:28 domain or link your own if you already have one.

3:31 And we didn't even see Framer's robust content management system

3:35 that can help you manage your assets as you grow

3:38 your business or the plug-in system so you can add

3:41 more features like an online store or third party app integration.

3:44 But I was able to build out a site

3:47 that mixes simple layout with more complex designs, which I'm very happy with.

3:52 The next builder I wanted to check out is Wix.

3:55 Wix is designed to help you through the entire process.

3:58 You might feel like it's sort of holding your hand through everything,

4:01 but it does make the process very easy.

4:03 When you first sign in, Wix will start by asking questions about your goals.

4:07 I found that this helped me consider

4:09 some valuable options that I hadn't thought of.

4:12 After all those questions, you land on the dashboard,

4:14 and Wix wants to walk you through some of the back-end setup tasks,

4:18 including buying a new domain.

4:19 But I wanted to design my site and preview

4:22 it before linking a domain or buying a subscription.

4:25 Fortunately, you can do that by going straight to the design site button.

4:30 You can choose a template or you can use Arya,

4:33 the AI chat assistant, to build the site.

4:35 It already filled in a prompt based on the questions it asked earlier.

4:39 When it finishes generating the site,

4:41 the editing system and the site preview are

4:44 together in one single interface called the Harmony Editor.

4:47 You're already seeing what the site will look like in a web browser and you

4:51 can switch between the desktop or phone version

4:52 of the site and do your work there.

4:55 When you select an object, like a picture,

4:57 your adjustments are all the way up at the top.

4:59 This is where you can swap in your own pictures or add a link.

5:03 If you select a text box, you can change the font and other styling options.

5:08 Now, I asked Arya to include YouTube videos on my page.

5:12 You'll probably recognize the video that they chose for the placeholder.

5:15 I'll select one and use the replace video button

5:18 to paste in the link for my own video.

5:22 Moving, resizing, or adjusting objects is very straightforward.

5:25 You can basically just drag and move things anywhere.

5:29 And when you're ready, you can publish the page,

5:32 which makes it live and accessible on the web with a Wix subdomain.

5:36 You'll need to upgrade to a subscription if you want to connect

5:40 your own domain or have Wix help you register a domain.

5:43 and you can set that up and access

5:46 other management tools by going back to the dashboard.

5:48 So, if you want a building tool that handles

5:51 as much of the work for you as possible, Wix is a good option.

5:55 I was able to build a great looking site without much work.

5:58 Now, what if a familiar interface is your biggest priority?

6:01 You might want to take a look at Canva.

6:04 Of course, Canva is the go-to tool for designing graphics and assets,

6:08 but many people are unaware that Canva can also build websites.

6:12 On the main page, there is an option to use the Canva AI,

6:16 but if you start there,

6:17 any changes you want to make to your site will need to be done in the AI chat,

6:22 not in Canva’s traditional editing tools.

6:24 So instead, I recommend you click the create button on the homepage.

6:28 Go to the websites category, then choose the option for website,

6:32 and you can describe what you want in the chat field,

6:35 and click search to find a template that matches your description,

6:38 or click generate to get the AI to generate something based on that description.

6:43 When you find a template or a generated site that you like,

6:46 just click it to work with that design.

6:48 The site that you get here can be edited exactly how you

6:52 would edit a graphic or a poster that you're designing in Canva.

6:55 So, if you already know Canva, this makes things much easier.

6:59 And there's a publish button when you're done.

7:01 You can create an address on Canva’s subdomain or Canva

7:05 can help you register a domain or link your own.

7:08 If you already use Canva, then you already know how most of the tools work.

7:13 Canva is a design-focused platform that may already be familiar

7:17 to you even if it's not as powerful as the other builders.

7:21 Next, what if you need to build a website really fast?

7:24 I think that Google Sites can get you

7:26 from zero to published site as quickly as possible,

7:29 but it does come with some pretty serious limitations.

7:32 You can make a blank site or open the template

7:35 gallery and you'll find a pretty limited selection of templates.

7:38 We can pick a template that's pretty close to what we need.

7:41 Not the greatest design, but good for a quick job.

7:44 You can still make style adjustments by going to the themes

7:47 tab and choosing a different theme and color palette.

7:49 You can go to the pages tab to see all

7:52 of the pages on your site or add more pages.

7:55 Now, starting on the homepage, you can edit the placeholder text.

7:59 When you select a piece of text, you get the formatting tools,

8:02 including the very important option to add a link.

8:05 It's easy to replace pictures either by uploading

8:08 new pictures or choosing pictures from your Google Photos.

8:11 And of course, you can select a picture and add a link to that as well.

8:15 I'll switch to another page where there is a universal placeholder.

8:19 Click the plus button to add a picture,

8:22 video, calendar event, or even Google map location.

8:24 This is a great way to add embedded YouTube videos.

8:28 Go to the insert tab to add more elements or build out your site manually.

8:33 When you preview your sites, you'll see that they are responsive and can

8:37 be previewed for a computer screen, tablet, or phone.

8:40 You can click the publish button, and Google handles all of the hosting duties.

8:44 And if you do need to connect your own domain,

8:47 you can do that in the settings for your site.

8:49 Now, this is not the most feature-rich or beautifully designed site,

8:53 but I was able to get it online in record time.

8:57 Now, finally, let's say you like the speed and simplicity of Google Sites,

9:02 but the template selection is just too limited.

9:04 You might want to take a look at Carrd.

9:07 After you set up your free account on Carrd,

9:09 you can click the button to make a new site.

9:11 You start with a huge library of beautiful templates,

9:15 but Carrd only makes single page websites.

9:18 So, if you're looking for a multi-page customer portal

9:21 with e-commerce integration and a separate page for employee spotlights,

9:24 that's not what Carrd is for.

9:27 Carrd lets you build single page websites that look great very quickly.

9:31 Your page is full of objects which are generally held inside a container.

9:36 So, you can select individual objects and move them around

9:39 or select and move the container that holds all of the objects.

9:43 When you select an object or a container, the properties panel opens.

9:47 And in that panel, you can change the content

9:49 and the format of what you have selected.

9:52 If there's a placeholder picture,

9:53 you can swap in your own picture and modify it.

9:56 Or if you want to remove something,

9:58 there is a delete button in the properties panel.

10:01 To add objects, you can click the plus button at the top.

10:05 Sometimes you'll need to add a new container first.

10:07 You can set up a container with multiple columns

10:10 so you can control the spacing for multiple videos, pictures, or other objects.

10:14 Then you can add objects to that container.

10:17 You can embed YouTube videos.

10:19 And with that placeholder selected,

10:21 you can go to the properties panel and add the address for your video.

10:26 The editing canvas is your website preview and you can see how

10:30 your website will look on a desktop computer or a mobile device.

10:34 And of course, you can publish for free.

10:37 There is an option to connect your site

10:39 to a domain that you've already registered,

10:41 but that does require a subscription.

10:43 So, if you want something that looks great,

10:46 comes together quickly to share a relatively small amount of information,

10:50 Carrd is a fantastic option.

10:53 So, now I have five great options for my new website.

10:56 And I'm hoping that you found a favorite or two from this list.

10:59 For me, I'll be going live with the site that I built on Framer.

11:03 It's great to know that I'll be able to add an online

11:06 store or organize assets in a custom CMS later if I need to.

11:10 To keep learning, annd for more videos like

11:12 this, be sure to subscribe to this channel.

Study with Looplines Download Captions Watch on YouTube