Okay
  Public Ticket #3395473
Cannot select ID in popup form
Closed

Comments

  •  4
    Roberto started the conversation

    Hi! I need to create a step booking form that appears when you click on a button. I have 3 services and I want that when you hit each of the buttons, its corresponding popup appears. I have tried to do it following the steps in your tutorial

    but you do not indicate how to pre-select a specific ID for each form. Could you please help me? I need one popup ID for each button in the image attached.

    Thank you very much

    Attached files:  Captura de pantalla 2023-06-19 085118.jpg

  •  1,620
    Marko replied

    Hello Roberto,

    Thank you for reaching out to us.

    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.

    Hope this helps. 

    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

  •  4
    Roberto replied

    Thank you for your response. The problem still persists. I have followed the steps several times but the same thing always happens. The popup displays but does not show the preselection I previously made of category, service, employees, location etc. 

    I need the popup to show the preselection of the form I made, however it always shows the following form which is also badly translated and I don't know where to modify it, where can I translate this? I have already been translating everything but I did not find that.

    This is a functionality that I need. In case of not reaching a solution can someone from the technical team connect and fix it?

    Attached is the form that should popup. 

    Thank you, best regards :)

    Attached files:  popup.JPG
      Captura2.JPG

  •  1,620
    Marko replied

    Hello Roberto,

    Please provide me a temporary WP-admin (administrator) user for your site where this happens, so we could log in and take a look ‘from the inside’ as that’s the most efficient way to see and resolve the issue. 

    We do not interfere with any data or anything else except for the plugin (in case that’s a production version of the site), and of course, we do not provide login data to third parties. 

    You can write credentials here just check PRIVATE Reply so nobody can see them except us. 

    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

  •   Roberto replied privately
  •  1,620
    Marko replied

    Hello Roberto,

    We have forwarded your ticket to our level 2 agents and as soon as we get some feedback from them we will contact you immediately. 

    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

  •  4
    Roberto replied

    Okay, thank you very much. I look forward to hearing back as soon as possible as it is quite urgent for me.

    Best regards

  •  1,620
    Marko replied

    Hello Roberto,

    As soon as your ticket pops up to them they will respond to it or they will send me feedback.

    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

  •  4
    Roberto replied

    Hi, I'm sorry to insist but I'm in a hurry.

     I already opened this ticket 8 days ago and this waiting is excessive, if I don't get an answer I will consider canceling the service and put a bad review.

    Best regards

  •  1,578
    Uroš replied

    Hello Roberto,

    Thank you very much for your patience and apologies for the inconvenience this may have caused.

    To set a specific category, service, or location, you need to specify that in the popup configuration.

    2895573060.png

    For example, instead of [ameliabooking trigger=ameliaprueba], you would set [ameliabooking location=1 employee=1 service=1 trigger=ameliaprueba].

    Words can be changed using POEDIT or Loco Translate for example very easily. I suggest you install Loco Translate and then translate these strings.

    If you want to use POEDIT then this is an instruction:

    1. Download the Amelia plugin from CodeCanyon and save the .zip file on your computer.

    2. Unzip the downloaded .zip file.

    3. You need to download and install POEDIT

    4. After that open the program and open the file from the extracted folder on your computer ameliabooking/languages/fr_FR/wpamelia-fr_FR.po.

    5. Translate all the strings that are not translated

    6. Save the translation.

    7. Go to ameliabooking/languages/fr_FR/ folder and copy these two files called wpamelia-fr_FR.po and wpamelia-fr_FR.mo back to your website in the location ../wp-content/plugins/ameliabooking/languages/fr_FR/.

    This is an example of the French language, but you will choose yours.

    Hope this helpssmile.png If you have any more questions, don't hesitate to ask.

    Kind Regards, 

    Uros Jovanovic
    [email protected]

    Rate my support

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

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

    Amelia: FAQ | Facebook | Twitter | InstagramAmelia 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

  •  4
    Roberto replied

    Hi!

    Fixed, many thanks!

  •   Uroš replied privately