Editing Booking Email Template

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #7021
    wyes
    Participant

    Hi Team Support,

    I just wondering, Is there any chance to edit/add coding to email template? For example, if I want to show information about trip price so I just add this code {wp_travel_trip_price}. Will it work?

    Thank you

    #7035
    Support Team
    Keymaster

    Hello @wayes,

    There is already the “trip_price” tag available in the email template to show the trip price. Addition of the random tags like “wp_travel_trip_price” will not work.

    Additionally if want to know about the list of tags used in the email template then please refer to below given link:

    http://wptravel.io/available-tag-in-the-email-template/

    Hope this helps.

    Best Regards!!

    #7054
    wyes
    Participant

    Hi Team Support,

    Thank you for the link =)

    #7056
    Support Team
    Keymaster

    Hello @wayes,

    Glad to help you.

    Let us know if you have any confusion further.

    Thank you.

    #7061
    wyes
    Participant

    Hi Team Support,

    I tried to modify client email template by adding trip price information.
    I add this code

    <tr class="wp-travel-content" style="background: #fff;">
    <td class="wp-travel-content-title" style="background: #fff; box-sizing: border-box; margin: 0; padding: 0px 0px 8px 25px;" colspan="2" align="left">
    <h3 style="font-size: 16px; line-height: 1; margin: 0; margin-top: 30px;"><b>Payment Details:</b></h3>
    </td>
    <tr class="wp-travel-content" style="background: #fff;">
    <td style="font-size: 14px; background: #fff; box-sizing: border-box; margin: 0; padding: 0px 0px 8px 25px;" align="left"><b>Trip Price</b></td>
    <td style="font-size: 14px; background: #fff; box-sizing: border-box; margin: 0; padding: 0px 0px 8px 25px;" align="left">{currency_symbol} {trip_price}</td>
    </tr>

    But the result on the email is not right.

     photo 1.png

    Please give an advice. What should I do?

    Thank You

    #7065
    Support Team
    Keymaster

    Hello, @wyes

    The Mail Tags available for the booking and payment tags are different for admin and client e-mails. While the mail tags that you are using in your code are correct, it looks like the tags are used in the wrong template.

    Please provide us details on where have you inserted the code so that we can test the tags accordingly and provide you with some precise fix.

    If you have any queries/issues, please feel free to write back to us.

    Best Regards !!

    #7069
    wyes
    Participant

    Hi Team Support,

    1. The goal is I want to add information about Trip Price and Payment Amount.. so when customers receive email booking, they will remember the trip price and how much they have to pay according to number of pax

    I added this code at Settings > Email > Booking Email Template > Client Email Template Option > Email Content
    This is the code:

    &nbsp;
    {currency_symbol} {trip_price}
    <table class="wp-travel-wrapper" style="color: #5d5d5d; font-family: Roboto, sans-serif; margin: auto;" width="100%" cellspacing="0" cellpadding="0">
    <tbody>
    <tr class="wp-travel-content" style="background: #fff;">
    <td class="wp-travel-content-top" style="background: #fff; box-sizing: border-box; margin: 0; padding: 20px 25px;" colspan="2" align="left">
    <p style="line-height: 1.55; font-size: 14px;">Hello {customer_name},</p>
    <p style="line-height: 1.55; font-size: 14px;">Your booking has been received and is now being processed. Your order details are shown below for your reference:</p>
    <p style="line-height: 1.55; font-size: 14px;"><b>Booking ID: <a style="color: #5a418b; text-decoration: none;" href="{booking_edit_link}" target="_blank" rel="noopener">#{booking_id}</a> ({booking_arrival_date})</b></p>
    </td>
    </tr>
    <tr class="wp-travel-content" style="background: #fff;">
    <td class="wp-travel-content-title" style="background: #fff; box-sizing: border-box; margin: 0; padding: 0px 0px 8px 25px;" colspan="2" align="left">
    <h3 style="font-size: 16px; line-height: 1; margin: 0; margin-top: 30px;"><b>Booking Details:</b></h3>
    </td>
    </tr>
    <tr class="wp-travel-content" style="background: #fff;">
    <td style="font-size: 14px; background: #fff; box-sizing: border-box; margin: 0; padding: 0px 0px 8px 25px;" align="left"><b>Itinerary</b></td>
    <td style="font-size: 14px; background: #fff; box-sizing: border-box; margin: 0; padding: 0px 0px 8px 25px;" align="left"><a style="color: #5a418b; text-decoration: none;" href="{itinerary_link}" target="_blank" rel="noopener">{itinerary_title}</a></td>
    </tr>
    <tr class="wp-travel-content" style="background: #fff;">
    <td style="font-size: 14px; background: #fff; box-sizing: border-box; margin: 0; padding: 0px 0px 8px 25px;" align="left"><b>Pax</b></td>
    <td style="font-size: 14px; background: #fff; box-sizing: border-box; margin: 0; padding: 0px 0px 8px 25px;" align="left">{booking_no_of_pax}</td>
    </tr>
    <tr class="wp-travel-content" style="background: #fff;">
    <td style="font-size: 14px; background: #fff; box-sizing: border-box; margin: 0; padding: 0px 0px 8px 25px;" align="left"><b>Scheduled Date</b></td>
    <td style="font-size: 14px; background: #fff; box-sizing: border-box; margin: 0; padding: 0px 0px 8px 25px;" align="left">{booking_scheduled_date}</td>
    </tr>
    <tr class="wp-travel-content" style="background: #fff;">
    <td style="font-size: 14px; background: #fff; box-sizing: border-box; margin: 0; padding: 0px 0px 8px 25px;" align="left"><b>Arrival Date</b></td>
    <td style="font-size: 14px; background: #fff; box-sizing: border-box; margin: 0; padding: 0px 0px 8px 25px;" align="left">{booking_arrival_date}</td>
    </tr>
    <tr class="wp-travel-content" style="background: #fff;">
    <td style="font-size: 14px; background: #fff; box-sizing: border-box; margin: 0; padding: 0px 0px 8px 25px;" align="left"><b>Departure Date</b></td>
    <td style="font-size: 14px; background: #fff; box-sizing: border-box; margin: 0; padding: 0px 0px 8px 25px;" align="left">{booking_departure_date}</td>
    </tr>
    <tr class="wp-travel-content" style="background: #fff;">
    <td class="wp-travel-content-title" style="background: #fff; box-sizing: border-box; margin: 0; padding: 0px 0px 8px 25px;" colspan="2" align="left">
    <h3 style="font-size: 16px; line-height: 1; margin: 0; margin-top: 30px;"><b>Your Details:</b></h3>
    </td>
    </tr>
    <tr class="wp-travel-content" style="background: #fff;">
    <td style="font-size: 14px; background: #fff; box-sizing: border-box; margin: 0; padding: 0px 0px 8px 25px;" align="left"><b>Name</b></td>
    <td style="font-size: 14px; background: #fff; box-sizing: border-box; margin: 0; padding: 0px 0px 8px 25px;" align="left">{customer_name}</td>
    </tr>
    <tr class="wp-travel-content" style="background: #fff;">
    <td style="font-size: 14px; background: #fff; box-sizing: border-box; margin: 0; padding: 0px 0px 8px 25px;" align="left"><b>Country</b></td>
    <td style="font-size: 14px; background: #fff; box-sizing: border-box; margin: 0; padding: 0px 0px 8px 25px;" align="left">{customer_country}</td>
    </tr>
    <tr class="wp-travel-content" style="background: #fff;">
    <td style="font-size: 14px; background: #fff; box-sizing: border-box; margin: 0; padding: 0px 0px 8px 25px;" align="left"><b>Address</b></td>
    <td style="font-size: 14px; background: #fff; box-sizing: border-box; margin: 0; padding: 0px 0px 8px 25px;" align="left">{customer_address}</td>
    </tr>
    <tr class="wp-travel-content" style="background: #fff;">
    <td style="font-size: 14px; background: #fff; box-sizing: border-box; margin: 0; padding: 0px 0px 8px 25px;" align="left"><b>Phone</b></td>
    <td style="font-size: 14px; background: #fff; box-sizing: border-box; margin: 0; padding: 0px 0px 8px 25px;" align="left">{customer_phone}</td>
    </tr>
    <tr class="wp-travel-content" style="background: #fff;">
    <td style="font-size: 14px; background: #fff; box-sizing: border-box; margin: 0; padding: 0px 0px 8px 25px;" align="left"><b>Email</b></td>
    <td style="font-size: 14px; background: #fff; box-sizing: border-box; margin: 0; padding: 0px 0px 8px 25px;" align="left">{customer_email}</td>
    </tr>
    <tr class="wp-travel-content" style="background: #fff;">
    <td class="wp-travel-content-title" style="background: #fff; box-sizing: border-box; margin: 0; padding: 0px 0px 8px 25px;" colspan="2" align="left">
    <h3 style="font-size: 16px; line-height: 1; margin: 0; margin-top: 30px;"><b>Payment Details:</b></h3>
    </td>
    </tr>
    <tr class="wp-travel-content" style="background: #fff;">
    <td style="font-size: 14px; background: #fff; box-sizing: border-box; margin: 0; padding: 0px 0px 8px 25px;" align="left"><b>Trip Price</b></td>
    <td style="font-size: 14px; background: #fff; box-sizing: border-box; margin: 0; padding: 0px 0px 8px 25px;" align="left">{currency_symbol} {trip_price}</td>
    </tr>
    <tr class="wp-travel-content" style="background: #fff;">
    <td style="font-size: 14px; background: #fff; box-sizing: border-box; margin: 0; padding: 0px 0px 8px 25px;" align="left"><b>Payment Amount</b></td>
    <td style="font-size: 14px; background: #fff; box-sizing: border-box; margin: 0; padding: 0px 0px 8px 25px;" align="left">{currency_symbol} {payment_amount}</td>
    </tr>
    <tr class="wp-travel-content" style="background: #fff;">
    <td style="font-size: 14px; background: #fff; box-sizing: border-box; margin: 0; padding: 0px 0px 8px 25px;" colspan="2" align="left"><b>Note</b></td>
    </tr>
    <tr class="wp-travel-content" style="background: #fff;">
    <td style="font-size: 14px; background: #fff; box-sizing: border-box; margin: 0; padding: 0px 0px 8px 25px;" colspan="2" align="left">{customer_note}</td>
    </tr>
    </tbody>
    </table>

    I tried again this morning just to make sure the code added on client email content, but the result still the same

     photo 1_2.png

    Please guide me where I should put the code?

    2. How to edit date format? I already set the date format on wordpress as day/month/year. However, when I checked email it shows “month/date/year”.

    Thank You

    #7073
    wyes
    Participant

    Please ignore question number 2. Sorry, I made a mistake.

    #7075
    Support Team
    Keymaster

    Hello, @wyes

    The Payment e-mail tags that you are using for the booking client e-mails are actually not available while Booking email is set.

    Actually, the Booking emails are sent for the Booking Only option on the checkout page and hence No payment vars are set for “Booking Only” option.

    You can, however, set and use the mail tags for the Payment Client email template, which should render the values correctly.

    To use the payment mail tags, please add the mail tags / code in the Admin Dashboard > Trips > Settings > Email > Payment Email Templates > Client Email Template.

    As the client will get both the booking and payment e-mails after the payment is complete, the mail tags will be rendered in the email accordingly.

    If you have any queries/issues, please feel free to write back to us.

    Best Regards !!

    #7083
    wyes
    Participant

    Hi team support

    “To use the payment mail tags, please add the mail tags / code in the Admin Dashboard > Trips > Settings > Email > Payment Email Templates > Client Email Template.”
    Sorry, I don’t understand with mail tags/code. Would you mind providing some details, please? What should I write?

    Thank You

    #7085
    Support Team
    Keymaster

    Hello, @wyes

    The “Mail Tags” are the set of available tags that can be used for WP Travel Plugin in the Booking and payment emails to both admin and clients, that is dynamically replaced by the respective contents when Bookings/payments are made in your website.

    As the booking and payment process are different from each other, each set of mail tags are available for booking and email are different. You can find the mail tags used in the Admin Dashboard > Trips > Settings > Email > Payment Email Templates > Client Email Template, where payment mail tags are used by default.

    You can edit the email layout and content from the editor available there. For the list of available mail tags, please check the Documentation Link Here :

    http://wptravel.io/available-tag-in-the-email-template/

    Note: All the Tags listed should be used by wrapping the tag with {} braces. eg. {payment_mode}

    If you have any queries/issues further, please feel free to write back to us.

    Best Regards !!

    #7086
    wyes
    Participant

    Hi Team Support,

    Thank You for the fast response and be patient with my question. =)

    I followed all your instruction.

    First I used Client Email tags from the link that you gave to me
    Client Email Template Options:
    Payment Details:
    payment_status
    payment_mode
    currency_symbol, trip_price
    currency_symbol, payment_amount

    Because I only want to show trip price and payment amount so I choose this mail tags

    currency_symbol, trip_price
    currency_symbol, payment_amount

    #Then I open Admin Dashboard > Trips > Settings > Email > Payment Email Templates > Client Email Template
     photo client booking details.png

    #Add the code with email tags
    <tr class=”wp-travel-content” style=”background: #fff;”>
    <td style=”font-size: 14px; background: #fff; box-sizing: border-box; margin: 0; padding: 0px 0px 8px 25px;” align=”left”><b>Trip Price</b></td>
    <td style=”font-size: 14px; background: #fff; box-sizing: border-box; margin: 0; padding: 0px 0px 8px 25px;” align=”left”>{currency_symbol} {trip_price}</td>
    </tr>
    <tr class=”wp-travel-content” style=”background: #fff;”>
    <td style=”font-size: 14px; background: #fff; box-sizing: border-box; margin: 0; padding: 0px 0px 8px 25px;” align=”left”><b>Payment Amount</b></td>
    <td style=”font-size: 14px; background: #fff; box-sizing: border-box; margin: 0; padding: 0px 0px 8px 25px;” align=”left”>{currency_symbol} {payment_amount}</td>
    </tr>

    #When I choose visual, it shows like what I expected
     photo client booking details modified.png

    #However, when I received booking email it shows, not right again
     photo email details.png

    Please help me by providing right code.

    Thank you

    #7095
    Support Team
    Keymaster

    Hello, @wyes,

    When tested by placing the tag in Admin Dashboard > Trips > Settings > Email > Payment Email Templates > Client Email Template, the tag is working fine.

    Screenshot:

    http://prntscr.com/jubi5h
    http://prntscr.com/jubg6o

    So may be you have placed the tag in Admin Dashboard > Trips > Settings > Email > Booking Email Templates > Client Email Template as there are notes tags as dispayed in the screenshot which is not in the client email template.

    So please once verify it properly and place the tags in proper payment template.

    Even doing so does not help you then we have to look into your dashboard so send your login detail in below-given email address.

    wensoltuions@gmail.com

    Thank you.

Viewing 13 posts - 1 through 13 (of 13 total)
  • The forum ‘WP Travel’ is closed to new topics and replies.