Okay
  Public Ticket #3453520
popup form in demo >
Closed

Comments

  • Paul started the conversation

    Hi,

    could you please advise on how I can recreate the appointment block and pop up form in your demo, here > https://photographer.wpamelia.com/services/

    Could I also ask why I have to enter my purchase code every time I open a ticket? Quite frustrating having to go look for it each time.

    thanks,

    Paul

  •  1,619
    Marko replied

    Hello Paul,

    Thank you for reaching out to us.

    Popup button like this you can create using elementor 

    5670943357.png
    8224750534.png

    When you have created Employees, services and/or events in Amelia, you can add them on front-end using our shortcodes, which are explained in detail in the article "Amelia Shortcodes and Front-end implementation".

    In Elementor widgets, simply search for “Amelia” in Elementor’s side bar, and drag the widget onto a page:

    1765760820.png

    When it’s dragged into the page, the same parameter options seen in the Gutenberg block are shown in Elementor’s side panel:

    1281836611.png

    So, to cover all options in here real quick:

    1. Select Category – allows you to select a specific category you have created in Amelia. 
    2. Select Service – allows you to select a specific service created in Amelia;
    3. Select Employee – selection which filters the form per selected employee;
    4. Select Location – if your employees are working on multiple locations, you can choose which location’s bookings will appear in the window.
    5. Show All refers to “Services” and “Packages”, and is only available in Amelia’s Pro license (since packages are not included in the Basic license). With this option, you can choose if the form will show both services and packages (all), only services, or only packages. All these can be combined, but please be careful that you’re selecting actual values. For example, if you select [ameliacatalog category=1 employee=3 location=2], and there’s no Employee #3 working on Category 1, or on Location #2, the booking form will continuously load, and will not display anything.
    6. Load booking form manually – this is used for popups within Elementor, and that’s what we’re going to explain now.

    First, you need to actually create a Popup in Elementor, following Elementor's tutorial here.

    We added a shortcode for the popup - it needs to have the ID of the button that is calling the popup, so this is how one of the shortcodes should look like in the Elementor pop-up:

    [ameliabooking trigger=amelia-button-id]

    So, if the button ID is "my-popup-button" it will be:

    [ameliabooking trigger=my-popup-button]

    So, you create a Popup and add this shortcode in the popup.

    Please note: At the moment, you cannot use Elementor's Amelia widgets in the popup, so when configuring the popup, make sure to add the "Shortcode" widget, and manually type the shortcode you need:

    6052863904.png

    On the bottom-left part of the screen, click on the gear symbol to access Popup Settings:

    8128615255.png

    In there, go to "Advanced", and enable "Prevent Closing on Overlay":

    6043594822.png

    Then, on the page - add a button, on which the popup will be called, next to the "Link" field click on "Dynamic Tags" and select "Popup" from the drop-down:

    2954167864.png

    Then, click on "Popup" in the link field, and you'll see the settings for the popup. Click on the "All" drop-down, and type the name of the popup you previously created. Select it, and click away to close the settings:

    2721467348.png

    In the same form, below, you will see the "Button ID" field, where you need to add the ID for the trigger (from Amelia's shortcode):

    1226262590.png

    That is it - once you publish this page, when you click on the button, it will open a popup which will manually trigger the "my-popup-button" and open Amelia's booking form.

    As for purchase code this how this platform works. And you need to enter you purchase code so that we can know that your license is valid and that you still have access to our support. There was a lot of abuse earlier so opening a ticket in Amelia category with a purchase code is necessary for that reason. We do hope that you understand. 

    Should you have any further inquiries, we kindly request that you open separate tickets for each question and we will gladly help you there.

    We wish you all the best.

    Have a nice day. 


    Kind Regards, 

    Marko Davidovic [email protected]

    Rate my support

    Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps, floor plans, choropleth maps, and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/

    wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs

    Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community

    You can try wpDataTables add-ons before purchasing on these sandbox sites:

    Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables

  • Paul replied

    Thanks Marko.

    Unfortunately I don't use Elementor but I'll see if I can recreate it in the block editor.

  •  1,619
    Marko replied

    Hello Paul,

    We can not guarantee that this will work, we officially have pop-up for Elementor and we can confirm that they work there for anything else we can not guarantee since they are not designed to be created outside Elementor.

    We wish you the best of luck.

    Should you have any further inquiries, we kindly request that you open separate tickets for each question and we will gladly help you there.

    We wish you all the best.

    Have a nice day. 


    Kind Regards, 

    Marko Davidovic [email protected]

    Rate my support

    Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps, floor plans, choropleth maps, and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/

    wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs

    Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community

    You can try wpDataTables add-ons before purchasing on these sandbox sites:

    Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables

  • Paul replied

    You should probably make that clear in the demo, as Elementor really isn't as popular as it used to be.

    Lots are moving away from it.

    thanks anyway.

  •  1,619
    Marko replied

    Hello Paul,

    I will forward your suggestion to the appropriate sector and hopefully, you will be able to create it in the block editor. If not, we encourage you to kindly consider submitting this valuable suggestion as a feature request through the following link: https://features.wpamelia.com/. The prioritization of feature development is greatly influenced by the number of customer requests received. By participating and expressing your support, you contribute significantly to the potential expedited implementation of this feature.

    Best of luck. 

    Kind Regards, 

    Marko Davidovic [email protected]

    Rate my support

    Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps, floor plans, choropleth maps, and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/

    wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs

    Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community

    You can try wpDataTables add-ons before purchasing on these sandbox sites:

    Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables