Create eCards as Flip Card

Geschätzte Lesezeit: 6 min

With this free template you can create your personal Power eCard as a flip card instantly. You can learn exactly how this works in these instructions.

1. Create eCard

First, go to “eCard” in the menu bar on the left and then select the menu item “Create new eCard“. Choose the third option “Creat blank, new ecard” to select your template in the next step.

Here you can choose the template “rsn-template-flip“, to create your eCard as a folding card. Follow the instructions in steps 3 and 4 to select the (first) language of your eCard, assign a name and upload a preview image for the eCard.

Click on “Save” to complete the basic configuration of the eCard and go to the overview of the language versions of your eCard:

A more detailed description of the entire process can be found in the article “Creat new eCard“.

2. Create localization & Design eCard

Now you are in a window with 3 different tabs. First you define the basic settings with a few clicks, and then you determine the appearance of the eCard itself and then the e-mail which your virtual greeting card uses to reach the recipient.

Language

First select the language of your eCard here. You can create several language versions for an eCard.

eCard Title

The different language versions of your Power eCard can also be given different titles. You can also simply use the same name that you used as the “eCard event” in step 1.

If you save at this point, you will return to the localisation overview of your eCard. With a click on the blue pencil symbol you can continue editing the card. You can also switch between the tabs indefinitely and only save them when you have finished editing the design.

Next, click on the “eCard” tab. Here you have a wide range of options to create your own personal Power eCard.

Content

In the text editor you will find a predefined greeting text, which you can of course customize to your personal needs. In addition to changing the content of the text, you also have various formatting options.

For example, you can mark your text bold, change the alignment, use enumerations or vary the font size. This applies to the entire text as well as to individual passages. You can also insert links.

Personalization

With our system you can send the same eCard to a large number of recipients and still use a personalised salutation. This is ensured by the various markers under Personalization (shown in square brackets), which automatically extract the data from the address book when the mailing is sent and place it in the appropriate place on your greeting card.

In the standard text [salutation] creates the salutation from the following field and generates the sender with [sender-name] from your user data.

Salutation

In addition to the actual greeting text, you can also modify the salutation at will. Since you can select a gender as well as a name for your recipients in the address book, the salutation can also be personalized according to gender.

Here, as well, you can use the markers to adapt your salutation to your liking. If, for example, you only want to address the recipient with first names, use only the marker [receiver_firstname] – and the other way round. Whether you want to start with “Hello”, “Dear” or something completely different is up to you.

Font Design

You can use these fields to determine the font and color of your greeting text. You can see it later in the preview. We have integrated some fonts in our system for you to choose from. If you want a different font, we can optionally add it to your system.

User Graphics

In the user administration you have the possibility to upload your profile picture and a signature. These can now be placed on the eCard. Pictures appear above the text, the signature below.

Page Background

Now you have various options to determine the page background of your eCard. In the first two fields you can specify a color for the upper and lower background, which then run into each other. If you prefer a uniform opaque color, simply enter the same color value in both fields.

As a second option, you can upload a background image from your computer to the template that overwrites the background color. This must be in .jpg, .png or .gif format and must not exceed the maximum file size of 2 MB. For optimal display on conventional desktop PCs, we recommend an image size of 1280 x 1024 pixels. If available, you can also integrate a background video into your Power eCard. Please make sure that the video can be played in a loop, is not larger than 10 MB and is available in mp4 format. You may need to convert your video file.

Once you have defined the appearance of the page background, you can also integrate background music if you wish. The audio file provided for this purpose should be a maximum of 3 MB in size and

eCard Size

You can now change the size of your eCard if necessary. This is defined in pixels. For example, you can design rectangular or square card formats. If you use image files for eCard design, you must specify the pixel size of your images here.

The inner distance determines where the text on your card is located, measured by the distance between the text and the edge of the card. Just try different values to see how the card layout changes.

If you confirm the option “Show device orientation warning” with a check mark, a hint appears on mobile devices to rotate the device for the optimal view. This is helpful, for example, if the recipient is viewing his eCard on his mobile phone or tablet. You can determine the exact wording of the message text yourself in the label.

eCard Design

Here you are now in the design of the individual card pages. For the template “Flipcard” you need 2 different motifs, which you can upload into the system as usual: The front side, i.e. the card cover, and the back side, on which the greeting text is written when you turn the card around.

Alternatively, you can specify a background color for both sides or select a transparent background. With the flip card, you also have the option of determining the direction of rotation of your eCard. As with all images, pay attention to format and file size.

Effects

Among the effects you will find two optional animations that you can add to your virtual greeting card. You have the choice between a snow and a star animation, which runs over the background of the eCard. It is also possible to fade in both animations at the same time.

This option is very useful for static background images to loosen up the look of your card. If you are already using a background video, we recommend not to use any other animations. However, this is of course a matter of taste.
Navigation Elements

In the last step you can edit the navigation of the eCard. This informs the recipient that he can turn the card over to display the content with the greeting text.

In our template there are two graphics for the arrows to scroll through, alternatively you can of course use your own. It is also up to you which information text you would like to use to ask the addressee to click.

At the bottom you have the possibility to save your Power eCard. This will take you back to the localisation overview. Under Actions you will find next to the blue button with the pencil symbol an orange one with one eye. With a click on this symbol you can display the preview of the eCard. If you notice points that you still want to change, you can do so at any time under the pen button.

3. E-Mail Design

In the last step, you personalize the appearance of the e-mail with which your Power eCard is sent. To do this, go back to the edit mode and click on the third tab “E-Mail”.

Content

This content field is basically identical to the one on the previous page. However, here you do not edit the greeting text of your eCard but the text in the e-mail with which the card arrives.

As before, you can also adapt the salutation to your wishes here, which will then be inserted in the [salutation] field in the e-mail. If you use the [sender] marker in the subject, the name of the user who will later send the eCard will automatically be placed here. Optionally, you can manually enter a name or a company here – or select a completely different subject.

Do not remove the [link]! This is the button that the recipient can use to view your eCard. Without this link he cannot access the Power eCard and gets an “empty e-mail”.
Footer

By footer one understands the footer of the mail, which stands in the area directly underneath the footer. You can use this for example for imprint texts, contact data or unsubscribe options and also provide links if required. If you don’t need a footer, just leave this field empty.

In addition to the usual formatting options, you can also specify the color of the text and the color for links.

Design

In order to graphically display the appearance of your e-mail, you have the option of inserting an image in the header and footer. The two elements form a frame that encloses the e-mail text. If you use our free template, you will also have image material at your disposal. Optionally, you can also place a link on each of the two images. Use files under 2 MB with .jpg, .png or .gif ending.

The optimal image size is 600×300 px in the header and 600×80 px in the footer. Larger images are scaled by our system to a width of 600 px and may not be displayed as desired.

Here you can also define the background color of your text area and the color of the area outside the text. The same applies to the font and font color as well as the text color for links.

Button Design

Finally, you can configure the button that opens the Power eCard. Select an inviting label to animate your recipient to click. If you change the font size, the length of the button will adjust automatically.

Color adjustments
 of the text and the button background are also possible here. If desired, give the button a different frame color, the thickness can also be varied. If you don’t need a frame around your link-button, then simply enter the value “0” for the frame thickness.

Nun haben Sie alle notwendigen Einstellungen abgeschlossen und Ihre Power eCard vollständig erstellt! Klicken Sie auf Speichern um zurück zur Lokalisierungsübersicht zu gelangen. Hier können Sie sich über den Button mit dem Briefsymbol – neben der eCard-Vorschau – Ihre fertig gestaltete E-Mail ansehen. 

Was this article helpful?
Dislike 0
Questions? Search our knowledge base.