How to add a custom SSL certificate in Webflow

March 30, 2022

SSL stands for "secure socket layer." A website must have an SSL certificate to ensure the superior security of data and information. In general, SSL establishes an encrypted link between a web server and a browser. Ultimately, it keeps the entire data passed between the server and browser secured. When a site is secured with a standard SSL certificate, visitors see green padlocks as symbols of trustworthiness.

On the other hand, a site is labeled "not secure" by most browsers when it doesn’t contain an SSL certificate. As a result, visitors feel hesitant about landing on the site. That means a website without an SSL-certified domain faces a traffic drop to a great extent. Hence, it’s essential for you to integrate the certificate as soon as possible into your Webflow site. But do you know how to add a custom SSL certificate in Webflow?

However, we’re going to cover the overall process of adding an SSL certificate to Webflow. We will also discuss how to update it and make your website thoroughly protected. Let’s dive into the context!

What are the benefits of Webflow SSL?

An SSL certificate provides immense benefits to a website. It is also one of the most important factors in increasing search engine rankings. As it ensures end-to-end encryption between browser and server, it encourages users to stay focused  on the site without having to worry about security. Most importantly, the certificate contributes a lot to earning Google’s trust and improving its authoritativeness.

By dint of an SSL certificate, an e-commerce site can be run safely with dynamic embeds. And an optimized SSL can ensure maximum compatibility with an online store. It also manages automatic SSL delivery for HTML, CSS, and JS and all images. A website also loads faster when it’s paired with a standard SSL certificate. 

How to add a custom SSL certificate in Webflow?

It’s essential to integrate a custom SSL certificate into a Webflow website to sustain the security,  growth, and revenue. The process of installing it is super easy. You can easily get the job done with a few clicks. To set up SSL, you don’t need to generate a CSR. You just need to turn it on in your Webflow dashboard. Let’s look forward to it!

Maintaining a website is a must to achieve the desired goal. Setting up an SSL certificate is a crucial step in maintenance. You can’t avoid it. If you find it too tedious to do, you may ask for our help. We excel at building and maintaining Webflow websites. So we can offer you premium service with no niggles. 

Upload a custom SSL certificate:

To be fair, Webflow only issues an SSL certificate to the enterprise customer. So, you have to upload one from a third-party platform if you’re not an enterprise customer. To upload your certificate, you need to make sure you’re correctly adjusting the settings. How to adjust the settings? Wait. First, go to your dashboard. 

Then locate the specific project for which you want to include the SSL certificate. Open the Settings option for the project. Subsequently, go to the General tab. In the tab, check the name and subdomain of the project. Once you find that everything is okay, you may head over to the next steps. 

Go to your hosting tab:

Now it’s time to click on the hosting tab to add the certificate. At the bottom of the hosting page, you will find the Custom SSL Certificates section. Scroll down the option and press the "Add Certificate" option. Once you click on the option, you will see several fields. 

How to add a custom SSL certificate in Webflow

Fill the fields up:

In the domain field, you need to add your domain name. Under the domain field, you will discover the SSL certificate chain field. You have to copy and paste your full certificate chain into the field. Keep in mind that you need to register your domain or leaf certificate first. Then you have to include any intermediate or root certificates.

fill the fields

Copy and paste the private key:

Your next move is to copy and paste your private key into the private key field. The private key must be unencrypted. Once you successfully paste the key, you can click on the Add Custom SSL Certificate option. As soon as you click on it, the certificate will be enabled on your website.

How to update a custom SSL certificate in Webflow?

Your added SSL certificate will expire at some point. You will need to manually update the certificate to get it working effortlessly. How to update an SSL certificate? It’s not an arduous task at all. To commence the process, you need to make sure you’re going to update the certificate for the right Webflow project.

Go to dashboard and check the domain:

To update your certificate, you need to go to your dashboard and locate the project for which you want to update the SSL certificate. Then move to the settings option to check if you’re going to update the exact project. 

Delete your original SSL version:

You need to remove the outdated certificate in order to integrate the updated version. To do so, you have to click on the hosting tab and scroll down to the Custom SSL Certificates option. Next to the certificate, you will see the "delete" button. Simply click on it to delete the expired one.

Add the updated SSL certificate:

Updating an SSL certificate is all about replacing the expired one with a new version. Now that the expired version of the certificate has been deleted, you need to add the new version to your project. You can follow the same method mentioned above to add the certificate.

Frequently asked questions:

You may struggle with setting up an SSL certificate if you have no previous experience. Before starting such a delicate task, you need to explore related queries as much as possible. To help you out, we’re going to respond to some of the frequently asked questions in this section. 

How can you identify a fake SSL certificate?

If an SSL certificate is not valid, the browser will show it as ‘not secure". The browser will never show HTTPS in the address bar, instead you will see HTTP only. If your certificate is fake, you won’t find the padlock icon.

What is the advantage of having an SSL certificate?

The core benefit of an SSL certificate is that it protects sensitive information. By encrypting the information, it makes the information non-readable until it reaches the server. As a result, nobody can intercept and read the crucial information. 

What does an SSL certificate contain?

In general, an SSL certificate consists of a public and a private key. Both keys work together to ensure an encrypted connection in order to protect sensitive information. The certificate also contains the identity of the website owner.

What is the difference between SSL and HTTPS?

SSL is an encryption protocol that is used in a domain to encrypt data and information. On the other hand, HTTPS is the secured version of the HTTP protocol that uses SSL for delivering the encrypted data.

How do I know if I have SSL or TLS?

If you want to specify whether your domain has SSL or TLS, you need to enter the URL into your browser first. Then select the page drop-down menu. Select properties and look for the connection section in the new window. It will show you the details.

What is the SSL record layer?

The record layer of an SSL is the bottom layer that sends blocks of data called records between the client and the server. Each block can contain enormous amounts of data and keep them thoroughly protected.

Final words:

If you always take care of your website’s security, you need to add an SSL certificate to your domain. The certificate will keep your valuable data protected and make your website trustworthy to search engines. Your site will also gain an extra level of flexibility once it’s paired with a standard SSL certificate. Since you're new to Webflow, you might be wondering how to add a custom SSL certificate in Webflow.

To be honest, adding a custom SSL certificate in Webflow is not difficult enough. And you’ve already found the truth. If you follow all the above mentioned steps properly, you can seamlessly get your certificate installed on your project. It won't cost you much time or money at all. But if you think it’s going to be hard for you, you may take help from our team.