How to launch a Webflow site

Your client is keen to make their Webflow site live - here's how to do it.

Approval

Make sure your client is ready for their website to be live - ask them via email so you have it in writing.

If the site is a redesign...

Take some screenshots of the old site. If you use Chrome as your browser, Full Page Screen Capture is great for this. This is good to show before and after in the No9 Portfolio.

Search engine optimisation

Your website content should contain your keywords, and appropriately use headers (H1, H2 etc). Have a quick read of SEO and Webflow: the essential guide.

Optimize your URLs, meta titles, and descriptions

Create unique titles and descriptions for every page of your site. For example, both the Title and Description on your homepage should be different than on your pricing page, as each page is meant to have its own unique purpose and creates a better overall user experience. Here's an article on How to Create the Right Meta Description.

  • In the page tree in webflow, you will see a cog that pops up when you roll over the page name. Click on the cog and type in the Meta Title and Meta Description (remember to incorporate your keywords).

  • Double check that your page slug is correct, and if the page is in a folder, that it is sitting it the right place.

  • Scroll down to 'Open Graph Settings' and make sure 'Same as SEO Meta Title' and 'Same as SEO Meta Description' is ticked

  • Add an open Graph URL Image Link, so that when people share that page in places like Facebook or in an email, the image represents what the page is about.

  • Click save.

Alt tag everything

Go through and make sure all of your images contain descriptions. This is explained in further detail in the SEO and Webflow: the essential guide article you read earlier.

Clean up

Remove all unused styles by selecting 'Clean Up' in the Style Manager.

Hosting

Go to 'Project Settings', select the hosting tab >‘Add Hosting’ and choose the appropriate plan. Under Custom Domains enter in the chosen domain. Webflow will set up two domains, one with and one without ‘www’. Select which address you want to have as the default by clicking on the 'home' icon.

Go down to ‘Advanced Publishing options’ and turn on everything.

More site settings

Go to the 'General' tab and make sure your icons (Favicon & Webclip) have been added, the time zone is set to Pacific/Auckland and both Webflow Branding options are turned off.

Go to the 'SEO' tab and select yes to 'Autogenerate Sitemap' and disable Webflow Subdomain Indexing.

Go to the 'Forms' tab and make sure the Form  Notification Settings are set up.  Make sure 'send form submissions to' is set to the client's address (you may want to check with them to see what address they want emails sent to. Once the site is live, give all forms a test and make sure your client gets the submissions.

Google Analytics

Go to the ‘Integrations’ tab. Open another browser tab and follow these steps:

1. Go to Google Analytics and sign in with no9online@gmail.com (p/w ‘waghorne’).  You will need to create a new account.

2. Click ‘Admin’ and select ‘Create new account’.

3. Enter the appropriate details and click ‘Get Tracking ID’.

4. Copy the ID code  (i.e. UA-1234567-89) and navigate back to the Webflow 'Integrations' tab.

5. Paste the ID code into the 'Google Universal Analytics Tracking ID' area.

Point the nameservers

You will need to point the nameservers of the domain name(s) to the Webflow servers. If we have purchased the domain(s) for the client via Domains4Less, go to their contact page and click on ‘Live Chat’. You'll need the Account ID and password for authentication, which will be in Workflowmax. Ask the support person to change the name servers for the particular domain to the following:

Root Domains

Add both A Records below:

Host Name: @

IP Addresses: 34.193.204.92

Record Type: A (Address)

TTL: 300

Host Name: @ 

IP Address: 34.193.69.252

Record Type: A (Address)

TTL: 300

Subdomains (e.g. with "www.", or other domain names)

Host Name: [insert subdomain here, i.e. 'www']

Value: proxy-ssl.webflow.com

Record Type: CNAME

TTL: 300

If the client has purchased the domain name themselves, log in with the details provided to you and if straightforward add the above details yourself. Alternatively, look for support contact details and ask to have the nameserver details changed on behalf of your client. Make sure you check if there is a cost involved with this first. Otherwise, send your client the details and ask them to request the change directly.

Publish the site

Go to 'Site Settings' in Webflow, click the ‘Publish’ button:

  • Select the custom domain and publish.

  • Unpublish the .webflow.io test site (optional) by clicking on 'unpublish'.

Google Search Console

1. Go to Google Console

2. Click ‘Add a Property’ and enter the URL of the website.

3. Verify using Google Analytics.

Test the site

Go to seositecheckup and enter in the url of your website. This will help you pick up any alt tags that have been missed, or any errors that need to be fixed. Go to the summary at the bottom and make sure the ‘High Priority Fixes’ are addressed. Go through and make any changes to the site and republish.

Add editors

If the site uses cms, go to the 'Editor' tab and add any collaborators.

Let your client know it's live!

Email your client to let them know that you’ve made their site live, and attach their customised ‘Website Guidelines’ document. A template can be found in the server: Admin no9 > No9 Documents > No9 Client Documents > No9_Website Guidelines.indd. Make sure you inform them to allow up to 48 hours for their site to propogate.

Done!

That's it. If you came across any info or details in this document that have changed, or if there's a step missing, please feel free to update this document.