Guide10 Min.

How to add forms to your site with 3 popular website builders: Squarespace, Wix and WordPress

Modern websites are often built with so-called website builders, but those often lack a modern form solution. Luckily there are form builders that can help you with that, like Tripetto. Let’s have a look how you can use Tripetto forms in 3 popular website builders Squarespace, Wix and WordPress.

Jurgen van den Brink (Front-end | Support)
Jurgen van den Brink, Front-end | Support
20 Aug 2024

The time that every website was built from scratch are long over. Of course, there are cases where a fully self-coded website is preferred, but nowadays even the largest companies use website builders for their websites.

A development that goes parallel with the usage of website builders, is the usage of form builders. As websites (and the internet in general) evolved, the usage of forms became much more important, as that’s ideal to interact with your users and customers.

Unfortunately, the form integration in website builders isn’t often that special. Of course, you can build simple forms with them, but if you’re looking for a more interactive and/or smart form, you will likely have to switch to a specialized form builder, like Typeform or Tripetto. Luckily in most cases you can embed such a form in any site, using an embed code.

For this article we’ll dive into 3 popular website builders, namely Squarespace, Wix and WordPress. And we’ll have a look at how you can embed a Tripetto form in each of those website builders, so you have an amazing website, with amazing forms in there!

Why use a Website Builder

First, let’s dive a little bit into the history of web development. Back in the days, websites were generally coded from scratch, mainly with just HTML coding. Things like layouts, user experience, SEO weren’t a main issue back then. Also, looking back, the devices and internet connections were quite limited, so there was no need to focus on those aspects.

But the bigger the internet became, the more aspects came into play. You had to make sure that you site was good-looking, worked well on both large screens as well as small devices, was findable in all search engines, etcetera. In the meantime, the techniques to build a website were far beyond just HTML. You at least need CSS and JavaScript these days to make your site work well and be attractive.

This all made it almost impossible to build each website from the ground up, and so there were companies diving into that field: making attractive, well-functioning websites without coding! And that’s when website builders were born.

Benefits of Website Builders

These days there are tons of solutions for website builders, but although they might focus on different areas/users, they all will have these benefits in common:

  • Easy to setup: in most cases you just create an account and you can start building your website right away.
  • Domain and hosting configuration included: the infrastructure of your website, like the domain registration and the hosting configuration are often directly integrated in the website builder. This is often a complex aspect of your website.
  • Efficient: you can just play around and see for yourself what works best. If you build your site from scratch, you have to make sure everything is as you want before it gets developed. Afterwards it’s not easy to make big changes.
  • Flexible: you are very flexible in how your website looks and feels. And you can quite easily change something, like the layout, font, or content.
  • Responsiveness: your website will be responsive for different screen sizes right away; this is an important aspect these days as more than half of your visitors will be on a mobile screen. Also, for your search engine indexing this is an important aspect.
  • Search Engine Optimization (SEO): it’s vital that your site is found by search engines. This is determined by content quality and technical quality of your site. The content you will have to create yourself of course, but a website builder will typically make sure that the technical side of your website is optimized for search engines.
  • Easy to add content: for online marketing, content is king. You must make sure you regularly add new, high-quality content, which can easily be found by search engines. With website builders, you can add a new page or blog post with just a few clicks, so that’s very easy. All you need to focus on is your content.
  • No-code, less costs: this all is no-code, so you don’t need an expensive developer to help you with each change or update you want to do on your site.

This all makes it a good choice to use a website builder for your website. But which alternatives are there in that field? Let’s have a look at 3 large website builder solutions.

Top 3 Website Builders (2024)

As said, there are quite some alternatives for a website builder. We’ll have a look at 3 of the largest website builders in 2024:

1. Squarespace

Squarespace is the most sophisticated website builder: its features are well-designed and polished. You can use a predefined beautiful template or create a custom template yourself. The editor is flexible, which makes it a good choice for almost every type of website: small businesses, bloggers, portfolios, online stores, and more. What stands out are the features for bloggers, as it’s very easy to add blog content, including a great commenting feature for your readers.

2. Wix

Wix is one of the (or even the) most used website builder. Again, it has all kinds of templates and is easy to use, bit just not as sophisticated as Squarespace. The editor is very flexible, so you can position elements almost everywhere on your page. What makes it standout is the Wix App Market, which includes hundreds of add-ons to customize and extend your website.

3. WordPress

WordPress is one of the pioneers of website builders and therefore still has a large market share. It’s a bit more technical oriented than Squarespace and Wix, but that also gives you more freedom of course. The plugin repository of WordPress enables you to add all kinds of plugins for more functionality.

Why use a Form Builder

Now, let’s switch to the form builder side of this article. Form builders have had a comparable evolution as website builders. At first a form was always simply created from scratch with some simple HTML code. But as the internet evolved, forms did as well. And thus, the need for form builders grew, as it became too difficult and too expensive to do this all on your own.

Nowadays, creating engaging and interactive forms is essential for capturing user feedback and data effectively. It is a vital part of every business and almost every website. A website builder tool is not specialized in this area and therefore it’s often better to use an external form builder aside your website builder.

Tripetto Form Builder

One of the form builders to choose from is Tripetto. Tripetto offers a versatile form builder that can be easily embedded into various website builder platforms. That way you can keep your own website builder, but you can also benefit from the advantages of the specialized form builder. The benefits of Tripetto are as follows:

  • Storyboard editor: easily design form structures, based on the different paths a user can take while filling out your form.
  • Smart logic: logic helps to interact with your respondent and make it personal, so only the right questions are asked, based on the given answer. This boosts your completion rates.
  • Different form layouts: in Tripetto you can choose from 3 different form layouts: from a conversational style asking questions one by one, to a chat bot style, to a more traditional style. Just choose which layout works best for your case.
  • Customizable: forms are highly customizable in terms of styling, so you can match the look and feel of your form with your brand and website.
  • Calculator: a very powerful calculator can perform instant calculations inside your forms, even using the given answers. Handy for quote forms and quizzes.
  • Connect with other tools: via webhooks it’s easy to connect your form responses to other tools, like your CMS.
  • Embed in sites: Tripetto forms can be embedded in other sites easily, without any coding skills. That way you can integrate your form with your own site easily.

Now that we know the benefits of form builders and Tripetto in particular, let’s see how you can use those Tripetto forms in your website builder.

Use Tripetto forms in your favorite Website Builder

In this chapter we’ll have a look at the three earlier described website builders. For each website builder we’ll advise how you can use Tripetto and how you can embed a Tripetto form in your site.

Squarespace and Tripetto studio

We begin with Squarespace. You can use Squarespace in combination with the Tripetto studio easily.

  1. Get the Embed Code: in the Tripetto studio at tripetto.app, open your form and navigate to the Share pane. In there, select Embed in a website. You can select the options you want and then copy the embed code that gets generated by Tripetto to your clipboard.
  2. Edit Squarespace Page: now log in to your Squarespace account and navigate to the page where you want to embed the form. Click Edit to modify the page content.
  3. Insert Code Block: in the Squarespace editor, click on the icon to add a new block, then select Code from the menu. Paste the Tripetto embed code into the block. Adjust the block’s size and placement to ensure the form looks good on your page.

💡 Tip

Also see our Help Center for more details on embedding forms from the Tripetto studio:

Wix and Tripetto studio

For Wix you can also use the Tripetto studio to display a Tripetto form on your site. Let’s have a look:

  1. Get the Share URL: just as with Wix, open your form in the Tripetto studio at tripetto.app, go to the Share pane and select Embed in a website. Now copy the embed code to your clipboard.
  2. Access Wix Editor: log in to your Wix account and go to the website editor. Choose the page where you want to add your form.
  3. Embed HTML: in the Wix editor, click on Add Elements, then Embed Code and Embed HTML. Paste the Tripetto embed code into the iframe. Resize and position the iframe as needed to fit your form seamlessly into your page design.

💡 Tip

Also see our Help Center for more details on embedding forms from the Tripetto studio:

WordPress and Tripetto WordPress plugin

For WordPress it works a bit different because there is a dedicated Tripetto WordPress plugin available to use in WordPress sites. With that you install Tripetto fully inside your own WP-Admin and have full control over all data.

  1. Install the Tripetto Plugin: start by installing the Tripetto plugin from the WordPress plugin repository or purchase the Tripetto Pro plugin directly. Go to your WordPress dashboard, navigate to PluginsAdd New and search for Tripetto or upload your Tripetto Pro plugin. Click Install Now and then Activate.
  2. Create your form: after activation, you can create your form directly within the Tripetto plugin. Design your form by adding various fields and customization options.
  3. Embed the form: once your form is ready, you’ll receive a shortcode via the Share pane. Copy this shortcode and paste it into any post or page where you want the form to appear. In case you’re using the Gutenberg editor or Elementor it’s even easier, as you can simply add a Tripetto form via those editors right away.

💡 Tip

Also see our Help Center for more details on embedding forms from the Tripetto WordPress plugin:

Conclusion

We have seen that there are quite some benefits on using a website builder nowadays. And with a wide variety of alternatives there’s always a right match for your case. Squarespace, Wix and WordPress are the most popular website builders in 2024.

Besides the website builders we had a look at form builders. Those help you to create engaging forms, so you can collect data from your visitors/clients in the best way possible. A great solution for that is Tripetto, which also integrates neatly with your website builder tool. That way you can embed your forms into your website easily!

Tripetto comes in 2 main versions, namely the standalone Tripetto studio and the WordPress specific Tripetto WordPress plugin. It depends on your website builder which version is best for you. Both are easy and free to start with and can be upgraded later. You can easily check which version is best for you with our Version Picker.

Share this article

You might also be interested in...