Okay
  Public Ticket #2660589
How can I customize or avoid the confirmation page?
Closed

Comments

  •  10
    Daniel Schindlower started the conversation

    After a user finish his booking, a confirmation page is showed with a "cup" icon.

    How can I customize or avoid that step?

  • [deleted] replied

    Hello Daniel, 

    Apologies for replying a bit later, we don't work on weekends.

    There aren't any options of customizing the last booking step in Amelia , unfrotunately.

    You can change the Trophy image in ../wp-content/plugins/ameliabooking/public/img folder. The file name is trophy.svg. Please note that when you replace it, the new image also needs to be .svg, and you have to name it "trophy.svg" in order to work.

    As for the strings included ("Congratulations" and "Thank you! Your booking is completed."), you can  edit the translation files located in ../wp-content/plugins/ameliabooking/languages/

    Please note that these changes would be overridden when you update Amelia, so you would need to apply them after each update. 

    Or you can set redirection to another page after customers book an appointment.

    We have some JS hooks, that are triggered depending on the view:

    window.beforeAddToCalendarLoaded()
    window.beforeBookingLoaded()
    window.beforeSearchLoaded()
    window.beforeSearchFiltered()
    window.afterSearchFiltered()
    window.beforeConfirmedBooking()
    window.beforeCatalogLoaded()
    window.afterSelectCatalogCategory(object_category)
    window.beforeCatalogCategoryLoaded(object_category)
    window.beforeCatalogServiceLoaded(object_category, object_service)
    window.afterSearchActivateService(object_appointment, object_serviceActive)
    window.afterSearchGoToSecondStep(object_appointment, object_serviceActive)
    window.afterBookingSelectDateAndTime(object_appointment, object_serviceId, object_providerId, object_locationId)
    window.afterBookingSelectService(object_appointment, object_serviceId, object_providerId, object_locationId)
    window.beforeConfirmBookingLoaded(object_appointment, object_service, object_provider, object_location)
    window.afterConfirmBooking(object_appointment, object_service, object_provider, object_location)

     

    So, you can use the hook, for example, beforeConfirmedBooking, that will be triggered when your customers confirm booking. You will of course set the redirect URL that you want in the script:

    <script>
    window.beforeConfirmedBooking = function()
    {
    window.location.href = "https://www.google.com";
    };
    </script>

    And you need to just place this script on the page where you have your Amelia shortode. 

    Hope this helps!

    If you have any other questions or concerns feel free to open a new ticket and we will gladly help out.


  •  10
    Daniel Schindlower replied

    Thank you very much! the information was very useful!!

  • [deleted] replied

    You are welcome, Daniel. Glad to see that, thank you for letting me know. 

    If you have any other questions or concerns feel free to open a new ticket and we will gladly help out.