Skip to main content

wiz-block

eWizard Team avatar
Written by eWizard Team
Updated over 2 years ago

Use the wiz-block component to add blocks to your email.

For more information, see Blocks in emails and Blocks and modules in eWizard.

Installation

To install the wiz-block component, run the following command in the root directory of your email project:

wiz install @email/wiz-block

For more information, see Install components.

Usage


NOTE: As best practice, use eWizard Editor to add and edit the components.


To add the wiz-block component to your email and change its properties, in the App.vue file:

1) Add the <wiz-block></wiz-block> tag to your email template.

<!--./App.vue --><template>
<wiz-root align="center" style="background: #ffffff; width: 700px;">
<wiz-block></wiz-block>
</wiz-root>
</template>

2) Insert other components inside the <wiz-block></wiz-block> tag. For example, wiz-text:

<!--./App.vue --><template>
<wiz-root align="center" style="background: #ffffff; width: 700px;">
<wiz-block>
<wiz-text :text="$t('text_3')"></wiz-text>
</wiz-block>
</wiz-root>
</template>
Did this answer your question?