Landing page

Landing page is an item type based on eWizard.js framework generated by eWizard CLI. This item type matches the landing page or landing page brief items in the eWizard platform. Initialize your site project with the wiz init site eWizard CLI command or download the zipped project directory from the eWizard platform.

Sites with the empty or landing subtype are considered a landing page.

Sites with the landing subtype use the pages.json root page to display content in production builds.

Development principles

To develop a landing page project, use the ./App.vue file.

Sites with the landing and multipage subtype require the <wiz-viewer> tag in the ./App.vue file to display content.

// ./App.vue

<i18n>
  {
    "eng": {

    }
  }
</i18n>

<template>
  <wiz-root style="background: #ffffff; width: 880px;">
    <wiz-viewer></wiz-viewer>
  </wiz-root>
</template>

<script>
export default {
  name: 'wiz-app',
  components: {

  },
};
</script>

<style>
@import 'common/styles/main.css';
</style>

You can develop a multipage site in the ./pages directory.

Use the same development principles that you apply to email development: blocks and components, fonts and attributes. For more information about the limitations for developing your landing page content, see eWizard Editor limitations.

Viewing your landing page

To view your landing page project on a local host:

1. Go to your landing page project.

   cd my-landing-page

2. Build the project and start a hot-reload server.

   wiz dev --live

3. Open http://localhost:3000/ to view your landing page in a browser.

When you finish developing your landing page project, zip the project with the wiz archive command and upload it to My library in the eWizard platform.