:Landingpage:Landingpage: 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 using the wiz init site eWizard CLI command or download the zipped project directory from the eWizard platform.
Development principles
To develop a landing page project, use the ./App.vue file.
// ./App.vue<i18n>
{
"eng": {}
}
</i18n><template>
<wiz-root style="background: #ffffff; width: 880px;"></wiz-root>
</template><script>
export default {
name: 'wiz-app',
components: {},
};
</script><style>
@import 'common/styles/main.css';
</style>You can develop a multiple page site in the ./pages directory.
TIP: 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.