Makeswift is a new website builder created by the Landing Lion team. While the two products may share similarities, Makeswift is an entirely new experience, built from scratch, that solely focuses on the page building experience. Although some features from Landing Lion have been removed, many new features have been added to Makeswift, creating a vastly improved page building experience. 

This article will guide Landing Lion users on transitioning to Makeswift, as well as cover the differences between the two products.

Before you get started

Imported pages and content from Landing Lion will be copied into your Makeswift account. Any changes you make to pages in Landing Lion after the import WILL NOT be synced to Makeswift. We suggest starting the import process once you and your team are completely ready to transition to Makeswift.

Signing up and importing pages to Makeswift WILL NOT end your Landing Lion subscription. All Landing Lion subscriptions will automatically end on March 20, 2020 and you will no longer have access to your Landing Lion account.

Transitioning from Landing Lion to Makeswift will take just 3 steps:

  1. Using the import tool to transfer pages to Makeswift
  2. Reviewing Makeswift pages and making necessary updates and fixes
  3. Connecting domains and going live


1. Importing pages into Makeswift

If you have pages in Landing Lion you’d like to transfer to Makeswift, you’re in luck, because we have a handy import tool that automates the process for you. To use the import tool, first you’ll need to create an account in Makeswift. When you reach the "Makeswift is currently invite only" screen, you'll be able to surpass the invite code by clicking on "Log in with Landing Lion".

Enter your Landing Lion credentials, which includes the email and password you use to login to Landing Lion.

Once your credentials have been submitted, you’ll be able to choose which Landing Lion workspaces you’d like to import. Each workspace from Landing Lion will be converted into one or more sites. Every unique custom domain used in a Landing Lion workspace will be created as a separate site.

After selecting which workspaces to import, you'll then need to select a pricing plan and add your credit card to ensure that your pages won't go offline once your free trial is over. You'll be given a cost estimate based on the number of sites that Makeswift will be creating after the import. If the estimate is higher than you expected, here are some ways to lower the cost.

The import process can take several minutes for small workspaces, up to 30 minutes for very large workspaces (100+ pages and files). During the import process, you'll be locked out of your workspace, so feel free to grab a snack. Once the import is finished, you’ll receive an email alerting you that your import is done, and Makeswift will be redirected to the start screen with your newly added sites found on the left side.

If you experience any issues during the import process, you can retry the import as many times as you'd like from within your workspace settings. Feel free to reach out to support via the in-app chat, or at support@makeswift.com for help.

2. Reviewing imported pages

The import tool will convert Landing Lion pages into Makeswift ones, including transferring all content, colors, Google fonts, metadata, and custom code. After the import process has been completed, we highly recommend reviewing your pages in Makeswift to make sure every Landing Lion page and their contents are successfully transferred. Once you've finished reviewing, you can make each page live by clicking the "Publish" button found at the top right in the builder.

Here are several items that may require your attention to ensure your pages look correct:

Forms

Form submissions will no longer be attached on a per page basis. Makeswift’s new database feature allows you to create tables that connect to and collect data from multiple forms. The import tool will automatically create a table for each form found in a site.

If you have duplicate forms across your Landing Lion pages, you can consolidate your database and connect the duplicate forms to a single table.

Lead alerts

In Makeswift, table notification emails can be sent to multiple email addresses whenever a record is added. This feature replaces the “Lead alert” feature found in Landing Lion. 

Email addresses will need to be added to each table. An opt-in email will be sent to each address. Notifications will not be sent until the email recipient has agreed to opt-in.

Updating custom code

Landing Lion uses a custom HTML data attribute called “data-bach-id” for every element on a page. The “data-bach-id” contains a long string of letters and numbers, and can be used to target the element with custom code. Makeswift elements do not have a “data-bach-id”. If you have custom code targeting an element’s “data-bach-id”, it will no longer work once in Makeswift.

Makeswift has a new feature allowing you to give any element on a page a custom element name. You will need to replace any element’s corresponding “data-bach-id” with it’s custom element name. An element’s custom name is used as the value for the element’s HTML id attribute, so make sure to use the proper syntax in your custom code.

Here’s a CSS example:

[data-bach-id="8C72C545-E3B5-7F1A-E1A2-1BA05B0615B3"] { margin: 10px; }

will now be

#header-button { margin: 10px; }

Custom code tab is now “Snippets”

Snippets are the new and improved version of the “Custom code” tab in Landing Lion. All code in the “Custom code” tab will be converted into snippets when imported to Makeswift. Custom code that is repeated between multiple pages will be consolidated into a single snippet.

Buttons do not have a “Custom code” on click option

To update any buttons using the “Custom code” on click option, first give a button in Makeswift a custom name, exactly as mentioned above. Copy the custom code from Landing Lion and paste it into a snippet in the page’s settings. You will likely need to modify the custom code and include it within a <script> tag.

Here’s a template you can start with:

<script>
    document.getElementById("custom-element-name-here").addEventListener("click", function(){
        // Place your custom code here
    });
</script>

No download file option on buttons and forms

Currently there is no on click or on submit option for downloading a file. For buttons, an easy workaround is to use the “Open URL” option and paste in a file URL. You can even use URLs from your Makeswift files.

Forms currently don’t have on submit options, but will in the near future.

Countdown component

The fixed time option is not included in Makeswift’s countdown component. Only selecting future dates will be supported in Makeswift.

Social links

Social links in Makeswift do not have the option for vertical stacking. They will appear horizontally when imported to Makeswift.

Components that do not appear in the Makeswift

The image caption, list, and subscribe form are no longer individual components in Makeswift. The image caption and list are broken down into images and text inside of a box component. The subscribe form as it exists in Landing Lion is now just a configuration of Makeswift's form component.

The scratch off component has been completely removed from Makeswift.

3. Connecting your domains

Once you've finished reviewing your Makeswift pages and are ready to go live, the final step is connecting your domains. Every site begins with a Makeswift domain. Multiple custom domains can be added at no extra cost.

After adding one or more domains, select which domain to set as the primary domain. All other domains as well as the Makeswift domain will redirect to the primary one.

This help article will guide you on successfully connecting your domains.

Once you've successfully launched your Makeswift site(s) and don't need to access Landing Lion anymore, you can cancel your Landing Lion subscription. Migrating to Makeswift will not automatically stop your Landing Lion subscription. All Landing Lion subscriptions will automatically end on March 20, 2020.

Other features not included in Makeswift

A/B testing, visitor tracking, built-in analytics, reporting, and session playback are not included in Makeswift. We recommend using the following tools as replacements for these features:

A/B testing

Google Optimize is a free tool allowing you to create A/B split tests for Makeswift pages.

Analytics and reporting

Google Analytics is another free tool providing in-depth reporting on your sites by adding a simple code snippet to your pages.

Session playback and visitor tracking

Fullstory focuses on the playback experience and includes some high-level reporting for your site visitors. They have a free plan that allows for up to 1,000 sessions per month.

Integrations

Makeswift does not currently have any native integrations. Zapier is an automation tool allowing you to connect over 1,500 apps together. You can send date from your Makeswift workspace to any of these apps by visiting and accepting an invite here. Visit our Zapier help article to learn more.

You can also export a database table as a CSV to import into another product.

For all "JavaScript Integrations" added in your Landing Lion page settings, such as CallRail, Google Analytics, Facebook Pixels, Fullstory, and Intercom, snippets will automatically be created and added to your Makeswift pages.

Getting to know Makeswift

Workspace

A workspace is your account that contains your sites, database, and files. You can be added as a user to multiple workspaces and switch between them.

Users

Users are added in workspace settings. Only the workspace owner can manage users and billing. Workspace ownership can be transferred by the current owner to any other user. Users have full access to all site content within a workspace.

Sites

A site contains pages that all belong under a primary domain. Your workspace can contain multiple sites. A site also contains several shared aspects of your design system, including colors, fonts, and typography.

Site settings

Favicons and domains are now set in a site’s settings. Every page within a site will now use the same domain.

Collection and page management

Pages can now be moved into different collections at any time. Collections work more like folders and can also be nested within other collections.

Page settings

Metadata and snippets are found in a page’s settings. Integrations and Alerts will not be included in page settings.

The Box

The section, row, and column components from Landing Lion’s page builder have all been reduced to a single component in Makeswift called the box. The box is a core component in creating layouts, as well as adding styles such as backgrounds, inner spacing, borders, and box shadows.

Colors

Colors can now be shared between all pages in a site. Changing a site color will affect all pages using that color. Colors can also be set for individual pages.

Fonts

Fonts are also shared between all pages in a site. The user experience for managing fonts has been revamped. You can now add as many fonts and font styles as you’d like to a site. Only fonts that have been added will appear in your font picker within the page builder.

Typography

Similar to Google Docs and Apple Keynote, you can save and reuse typography styles on all pages within a site.

Outer spacing and width

All elements now display handles for controlling outer spacing and width.

Navigation

Navigation items can now be styled as buttons. Navigation items can also contain nested navigation, or sub-navigation, which will open as a dropdown menu on live pages.

Videos and background videos

Videos and background videos can now use Youtube, Vimeo, Facebook, Wistia, and Twitch as sources. All that’s needed is the video URL.

Forms

Form fields are added by connecting a form to a database table. Columns are added within a table such as first name, email, or a custom field. Once connected, all fields already existing in the table will be added to form. More columns can be added directly from the form.

Form fields can now also be stacked horizontally utilizing the box grid. 

Responsiveness

Almost every style property, including text styles, can be made responsive in Makeswift. A new breakpoint for tablet sized screens has also been added.

If you run into any issues during the import process, please reach out to us via chat inside the Makeswift app, or by emailing support@makeswift.com.

Did this answer your question?