Setting up Webflow on Ruby on Rails

3 min readAug 13, 2018

Read this to save time.

Step 1: Create a new rails app:

rails new webflow-demo

Step 2: Download zip file of exported html/css/js Webflow code from the website.

Step 3: Copy and import in the following css and js files from the exported Webflow folder:

css/normalize.css
css/your_site.webflow.css
css/webflow.cssjs/webflow.js

into your Rails path:

> vendor
  > assets
    > javascripts
       webflow.js
    > stylesheets
       normalize.css
       webflow.css
       your_site.webflow.css

Step 4: Copy and paste in static images from the exported Webflow zip file into app/assets/images

Step 5: Open up any one of Webflow’s exported html file, it should look something like this:

<!DOCTYPE html>
<!--  This site was created in Webflow. http://www.webflow.com  -->
<!--  Last Published: Fri Aug 10 2018 08:27:08 GMT+0000 (UTC)  -->
<html data-wf-page="5b60ffb6a351717964300691" data-wf-site="5b5dd320b008d147d2e7ac04">
<head>
  <meta charset="utf-8">
  <title>Profile2</title>
  <meta content="Profile2" property="og:title">
  <meta content="width=device-width, initial-scale=1" name="viewport">
  <meta content="Webflow" name="generator">
  <link…

Setting up Webflow on Ruby on Rails

Written by Kevin Kim