Skip Navigation

[Closed] Integrating a Map with Elementor

This support ticket is created 4 years, 4 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 - -
13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 - -

Supporter timezone: America/New_York (GMT-04:00)

This topic contains 6 replies, has 2 voices.

Last updated by Christian Cox 4 years, 4 months ago.

Assisted by: Christian Cox.

Author
Posts
#1941909

Hi,

If I want to use Toolset to create a map and search functions on my homepage, do I have to design my entire homepage using Toolset? Or can I somehow only put the Toolset map and search function in part of my homepage (which is designed using Elementor).

Thanks!

#1942479

Hello, you can design the page with Elementor and insert Toolset Maps and custom search Views using our shortcodes in Elementor Text widgets. That is probably the most effective way to use Toolset features inside an Elementor design. There are also a couple of Toolset-specific elements available in the Elementor builder, but they are more or less effective. A text widget is usually the most flexible approach for implementing Toolset's shortcodes.

We offer shortcode documentation here:
Views - https://toolset.com/documentation/programmer-reference/views/views-shortcodes/
Maps - https://toolset.com/documentation/programmer-reference/maps/maps-shortcodes/
Types custom fields - https://toolset.com/documentation/customizing-sites-using-php/functions/

If you create a Content Template or View using the legacy editing experience, you will be able to generate the appropriate shortcodes automatically with the "Fields and Views" button, then you can copy + paste those into your Elementor design. To enable the legacy editing experience, go to wp-admin > Toolset > Settings > General tab and find the Editing experience setting. Choose the option to enable both the blocks and legacy editors. Then you will have the option to build templates and views in the legacy editor experience.

Let me know if you have questions about this.

#1942881

Ok I made a post type in Toolset and then I created multiple posts. I want to display a map with my posts (they do have the toolset address field) so which one do I use? I then want to have a search option down below it allowing people to search by city and state and when they click on one of the map results/pin markers, it takes them to the custom layout for the posts so which shortcode would I use for that portions?

#1942891

Ok I made a post type in Toolset and then I created multiple posts. I want to display a map with my posts (they do have the toolset address field) so which one do I use? I then want to have a search option down below it allowing people to search by city and state and when they click on one of the map results/pin markers, it takes them to the custom layout for the posts so which shortcode would I use for that portions?
To implement a custom search View with filters, you'll use the wpv-view shortcode:
https://toolset.com/documentation/programmer-reference/views/views-shortcodes/#wpv-view

When building the View, the system can generate shortcodes automatically for displaying a map with markers. You can use the "Fields and Views" button in the View editor to insert the proper shortcodes wpv-map-render and wpv-map-marker.

#1942895

OK thanks I will go try that now. The other thing I'm having trouble figuring out how to do is to how to design the content template for my toolset custom post type using elementor. I started doing it the normal way in the normal editor and found it difficult to use the toolset designer. Now that I'm looking at the legacy editor, I'm confused there as well.

I found this article and went through all of the setup instructions and have it going - https://toolset.com/course-lesson/using-toolset-with-elementor-page-builder/ but I don't know how to apply the Elementor Page/Template to the Toolset custom post type so when I view a custom post, it displays the output using what I just designed.

Thank you so much for your help.

New threads created by Christian Cox and linked to this one are listed below:

https://toolset.com/forums/topic/how-to-use-toolset-and-elementor-together/

#1942913

Maybe this will help a bit too. WhenI bought Toolset I wrote in this ticket - https://toolset.com/forums/topic/map-search-setup-toolset-custom-fields-required/

I normally use CPT and Anywhere Elementor to design and display my custom posts but I needed the map and search functionality. He seemed to indicate I wouldn't need to scrap all of that and I could achieve what I was looking to do but I just needed to somehow add the Toolset address custom field

#1947781

Okay our support policy is to address one main topic per ticket, so let's focus on creating a map View with custom search in this ticket. I've split off another ticket to discuss using Elementor templates and Toolset together. In general, you should avoid using Toolset's Content Templates and Elementor templates together, since the two systems have inherent conflicts. A supporter will handle your other ticket as soon as possible.

It is possible to use some ACF fields in a custom search View as filters, but some more complex field types are not easily supported. So it depends on the type of field and the type of filter you want to achieve. I would start with the basics first - display a map with a View of results, and display a marker for each result. Then add in custom search filters to complete the system. How much of the custom search View have you been able to achieve so far? Are you stuck on any one specific part of the process? If necessary, you can provide a login here in the private reply fields and I can take a closer look. Let me know where to find the View on the front-end of your site.

The topic ‘[Closed] Integrating a Map with Elementor’ is closed to new replies.