In Advantage Web stores, you can create and/or edit invitations to be sent out with party bookings.These invitations contain a standard word processing toolbar with options to add tables, images and links, and they also allow you to edit the HTML source code directly. Event specific information is filled in based on Fields you add to the document.

Edit or Create a New Invitation

1. Log into the webstore as an Administrator.
2. From the gear pull-down list at the top right of the page, select Invitation Templates.
   
   
   
   
3. Click the pencil icon next to the invitation you want to edit, or click Add Invitation to create a new one.
   
   
   
4. Enter a template Title.
5. Select whether the template is an Invitation or a Thank You from the pull-down list.
6. Optionally, enter a Description.
7. Select whether the invitation is Enabled, which means it can be used by customers.
8. Select the Default check box if the invitation will be the default evite selected for use.
   

Below these settings is the invitation editor, which has a standard toolbar.  Enter the content in the box below, or click Source to enter HTML. Read more about the toolbar options below.

Toolbar Options

Images

Main Settings

1. To add an image, click the image icon.
   
   
   
2. Enter the URL for the location of the image. (It must be hosted somewhere online).
   
   • You can host files and images directly on Advantage Web stores.
     
3. Optionally enter Alternative Text for accessibility.
   • This will display if the image does not load or it will be read by a screen reader.

4. To change the image size enter a new height and/or width.

   • The aspect ratio is locked by default so the image doesn't get distorted. If you want to adjust these values separately, click the lock icon.

      

5. To give the image a border, enter a border width in the Border field.
   • This is measured in pixels.
6. To give the image horizontal or vertical space on the page, enter a value into the HSpace and VSpace boxes respectively.
7. To align the image horizontally on the page, select an Alignment from the pull-down menu.
   You can preview how the image will look in relation to the rest of the page content in the box to the right.

Other Settings

1. To make the image a link, open the Link tab.
2. Enter the URL the image is to link to.
3. Optionally, select a location the link will open into from the Target pull-down menu.
   • To have the link open in a new window, select New Window (_blank).
   • To open it in the topmost frame, select Topmost Window (_top).
   • To open it in the same window, select Same Window (_self).
   • To open it in the next level up of a frame, select Parent Window (_parent).
     
     
     

4. To access additional optional image options, open the Advanced tab.

   These settings are rarely used.
5. If necessary, add an Id, Stylesheet Classes, or a Style.
   • These refer to HTML properties used to manipulate the template's design with CSS. This is only necessary if you plan to edit the source code or input CSS styles directly here.
6. Set the Language Direction to Left to Right or Right to Left.
7. Enter a Language Code.
8. Enter a Long Description URL to add additional description information to the image, which can also be read by a screen reader.
9. Enter an Advisory Title, which will display as a tool tip when hovering a mouse over the image.
10. Click OK.
    

Auto-Fill Fields

Fields are placeholders for text that will be automatically populated based on each specific event when the invitation gets sent. The name of each field reflects what information it will populate.

1. To add automatically populated text about the event, click the Field pull-down.
   
2. Select the field you want to add, which will be placed wherever your cursor is located.

Links

You can add links to external sites or anchors you inserted into the invitation.

Main Settings

1. To add a link, select an item or highlight a portion of text and click the chain icon.
   
   
   
2. Select whether the Link Type links to a URL, an anchor in the text, or an email from the pull-down list.
   
   

    

3. Enter the URL.
   
   
   If you are linking to an email address, enter that address and a Subject and Message Body.  If you are linking to an anchor in the page, select it by Name or Element Id from the pull-down lists.

Other Settings

1. To change where the link opens in the browser, open the Target tab.
2. To open it in a frame, if you are using frames, select <frame> and name the target frame.
3. To open it in a popup window, select <popup window>.
4. To open it in a new window, select New Window (_blank).
5. To open it in the topmost frame, select Topmost Window (_top).
6. To open it in the same window, select Same Window (_self).
7. To open it in the next level up of a frame, select Parent Window (_parent).
   

8. For additional options on all link types, open the Advanced tab.

   These are rarely used.

9. If necessary, ad an Id if you're going to be editing the source code.
10. Set the Language Direction from left to right or from right to left.
11. If there will be a hotkey that activates or focuses the element, enter it in the Access Key field
12. If necessary, name the link in the Name field.
13. If necessary, enter a language code in the Language Code field.
14. To select what order the element will be highlighted if navigating with the tab button, enter a value in the Tab Index field.
15. Enter an Advisory Title, which will display as a tool tip when hovering a mouse over the link.
16. To specify the link content type enter a value into the Advisory Content Type field.
17. Enter any CSS Stylesheet Classes.
18. If you are using a linked character set, enter a Linked Resource Charset.
19. To add an HTML relationship, such as Help or License, enter a value in the Relationship field.
20. If necessary, enter a style in the Style field.
21. Click OK.
    

Tables

1. To add a table to the template, click the table icon as shown below.
   
   
   
2. Enter the table properties.
   
   
   
3. In the Advanced tab, set any necessary ids, styles, or style classes.
   • These refer to HTML properties used to manipulate the template's design with CSS. This is only necessary if you plan to edit the source code or input CSS styles here.
4. From the pull-down list, select whether the text will flow left to right or right to left, if necessary.
5. Click OK.
   

Anchors

An anchor is a location that can be linked to from elsewhere on the page. You might use this if the invitation is too long to fit on one page and you want to give the viewer an option to click and be directly lead to an important area.

1. To add an anchor, click the flag icon.
   
   
   
2. Name the anchor, which is how you will link to the anchor using the Links tool (section linked to using an anchor).
3. Click OK.
   

Other Features

1. To cut, copy, or paste, click the scissor, paper, or notepad icons respectively.
   
   
   
   
2. To undo or redo changes, click the back and forward arrows respectively.
   
   
   
3. To add a horizontal line to the invitation, click the line icon.
   
   
   
4. Use the text editing buttons on the bottom line of icons to format the text.
   
   
   

Source Code

1. To edit the source code of the invitation, click the Source button.
   Any of the invitation's HTML is manually editable here.

Testing

1. To send a test version of the invitation, click the Send to email button.
   
   
   
2. If applicable, select a language from the pull-down list.
3. Enter an email address in the Email field.
4. Click Send.
   
   
   
5. Check the email to verify the invitation shows up correctly.
6. Click Save, which will return you to the list of invitations.
   

Possible Issues

RSVP Link Redirects to a Fake Page

The evite RSVP link in Advantage Web will sometimes redirect to a fake page when sent out. This often occurs when a site copies the source code from their Legacy evite to the source code field in Advantage Web. Advantage Web has a different mechanism of sending RSVP links than Legacy, so the code will be different. The easiest way to fix this is to delete the old RSVP link from the visual interface and replace it with the field built in to the editor.

1. Log into the webstore as an Administrator.
2. From the gear pull-down list at the top right of the page, select Invitation Templates.
   
3. Click the pencil icon next to the invitation you want to change.
4. If you are on the source code view, click Source to switch to the toolbar view.
5. Select the existing RSVP link.
6. Press Delete on your keyboard.
7. Click the Field pull-down list.
   
8. Scroll to RSVP Link.
9. Click RSVP Link.

• The words "RSVP Link" should appear.

  Clicking Send to Email and sending a preview will not result in a working RSVP link. You will have to verify it with an actual invitation.