|Please Note: Creating and sending HTML emails requires technical understanding of HTML and must be done by technical staff or design team.
zkipster does not support the building of the HTML code in any way. If you lack the skills to fully understand HTML, and don’t have anyone within the team with that knowledge, zkipster strongly encourages the use one of the predefined templates.
Preparing the HTML Email
A couple of things to note when preparing the HTML code:
- Any assets should be already embedded in the code and pointing to public domain URLs.
- Any relative links to files in your hard-drive will not work and will show as broken.
- If any images are not hosted on any public domain URLs, it's still possible to replace the image by uploading them in zkipster. zkipster then adds a public reference to the email code See the "Replacing Broken Pictures" section below.
Adding Dynamic Content to your Email
When preparing the HTML code, use replacement tags as placeholders for dynamic content that will get replaced by the actual guest values when the email is sent. For example, you can address the guest by their name:
Dear :guest_firstname :guest_lastname
:guest_firstname and :guest_lastname will get replaced by the real guest names when they actually receive the email.
These are the tags currently available for use within emails:
*Custom fields will also be available as tags with :guest_<name_of_your_custom_field>
When preparing the email, it's possible to add links to zkipster forms in order to provide the guest with a clickable link to RSVP for the event. This is done by using a replacement tag that will be replaced by the form link. For example:
<a href=”:form_1”>Please RSVP here!</a>
The :form_1 tag above will get replaced by the individual form link to the form of your choosing (see choosing forms section below). If needing to link more than one form in an email, keep using :form_1, :form_2, etc. It will then be possible to pick which form each of the tags link to.
Set up the stand-alone forms beforehand by selecting the Response Form template from the Create Invitations template page. This article will go over how to customize the forms.
Setting up the HTML Email
Once the code is set up, it's very easy to upload into zkipster and then send to guests:
- Select the HTML template
- Upload file
- Set up who is the sender and who the invite will be sent to
- Click Next
Then everything from here is pretty straight forward.
Replacing Broken or Missing Images
After successfully uploading an HTML file the zkipster system provides a preview of the email content.
If some images are missing or broken, this is most likely because a local reference was used from a file in your hard-drive or a non-public link was used to reference the image.
In this case, it's possible to replace the image by uploading it to zkipster which will publicly host the image once the steps below are done:
- Click on the image to be replaced
- Select the image from files
- Or place the URL where the image is hosted
- Click Save
Linking Form Tags
When form tags are used in the HTML code to link zkipster forms, then it's required to choose the form from the Form Links section. Create a stand-alone response form template and customize it as needed beforehand. Then from the Email Preview page:
- Go to the Form Links Tab
- Select which forms will be linked from the drop down
- Add additional forms if needed
- The form automated tags should already be added to your HTML file before uploading (see Form Links section above)
Review and Send
Once everything is set, the last page allows zkipster users to review everything before clicking send.
Click the box to confirm the email is ready to send and and then click Send Emails Now.