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>