CodePeople Post Map for Google Maps vs Smash Balloon Social Photo Feed – Easy Social Feeds Plugin

CodePeople Post Map for Google Maps lets you insert Google Maps into posts or WordPress templates displaying multiple posts. In single posts, it shows a marker for the post’s geolocation and optionally markers for recent posts in related categories. In templates, it displays markers for all posts on the page, highlighting the related post on hover. Main Features: ► Insert Google Maps at optimal positions or associate geolocation without displaying the map ► Handle large volumes of markers ► Discover related entries via map markers ► Define location by address or coordinates ► Customize markers and info bubbles (including default-open bubbles) ► Embed maps in multiple languages ► Based on Google Maps JavaScript API v3 ► Show markers for posts in the same category ► Customize zoom, size, margins, alignment, map type/language, display mode (full or icon), controls, number of points, and hover class ► Style the map freely Premium Features: Load points from specific posts, categories, tags, or all posts Use location info and descriptions in post search Associate multiple points per post/page Draw routes and shapes Add a search box for places Create legends with categories/tags/taxonomies to toggle visibility Add links for directions, opening in Google Maps, or Street View Display multiple maps per post/page (same points across maps) Insert maps as sidebar widgets Group markers in clusters Show and refresh user location at intervals Generate dynamic points from image metadata or WordPress App geolocation Associate maps with any public post_type In non-singular pages, show a map per post Export/import points via CSV or KML Load KML layers from files Developer Features (includes Premium): Design contact forms linked to map points Send notification emails from form submissions Assign unique or global email addresses to points Support Contact Form 7 shortcodes in point descriptions Use point-associated images as map icons Demo Access: https://demos.dwbooster.com/cp-google-maps/wp-login.php https://demos.dwbooster.com/cp-google-maps/ Shorcode Attributes and Plugin Settings Note 1: To display all points that belong to a specific category in the same Google Map, it is required to insert the following shortcode [codepeople-post-map cat="3"]. The number 3 represent the category ID, replace this number by the corresponding category’s ID. To insert the code directly in a template, the snippet of code would be: Note 2: To display all points that belong to more than one category in a same Google Map, separate the categories IDs with the comma symbol [codepeople-post-map cat="3,5"]. The numbers 3 y 5 are the categories IDs, replace these numbers by the corresponding categories IDs. To insert the code directly in a template, the snippet of code would be: Note 3: To display all points defined in the website in a same Google Map, use -1 as the category’s ID: [codepeople-post-map cat="-1"] or for template. Note 4: To display all points that belong to the posts with a specific tag assigned in a same Google Map, for example the tag name “mytag”, use the shortcode’s attribute “tag”, as follows: [codepeople-post-map tag="mytag"]. To insert the code directly in a template, the snippet of code would be: Note 5: To display the points belonging to specific posts or pages in a same Google Map, enter their ids separated by comma through the “id” attribute in the shortcode as follows: [codepeople-post-map id="123"]. To insert the code directly in a template, the snippet of code would be: The “id” attribute has preference over the rest of the filtering attributes. If you prefer configure your map directly from the shortcode, then you must enter an attribute for each map feature to specify. For example: [codepeople-post-map width="500" height="500"] The complete list of allowed attributes are: Very Important. Some of attributes are available only in the premium and developer versions of the plugin. width: Values allowed, number or percentage. Defines the map’s width: [codepeople-post-map width="300"] or [codepeople-post-map width="100%"] height: Values allowed, number or percentage (In the web’s development, the height in percentage is effective only if the parent element has a height defined). Defines the map’s height: [codepeople-post-map height="300"] align: Values allowed, left, right, center. Aligns the map’s container to the left, right or center: [codepeople-post-map align="center"] dynamic_zoom: Values allowed, 1 or 0. Adjust the zoom of map dynamically to display all points on map at the same time: [codepeople-post-map dynamic_zoom="1"] zoom: Accepts a number to define the map’s zoom. To apply a zoom to the map, the dynamic zoom should be 0: [codepeople-post-map dynamic_zoom="0" zoom="5"] type: Values allowed, SATELLITE, ROADMAP, TERRAIN and HYBRID. Select the type of map to display: [codepeople-post-map type="ROADMAP"] language: Values allowed, en for English, es for Spanish, pt for Portuguese, etc. (for the complete list, check the Google Maps documentation). Select a language to display on map: [codepeople-post-map language="en"] route: Values allowed, 0 or 1. Draw or not the route between points in a same post or page: [codepeople-post-map route="1"] mode: Values allowed, DRIVING, BICYCLING and WALKING. Define the type of route: [codepeople-post-map route="1" mode="DRIVING"] show_window: Values allowed, 0 or 1. To enable or disable the infowindows: [codepeople-post-map show_window="1" ] show_default: Values allowed, 0 or 1. Display or not an infowindow expanded by default: [codepeople-post-map show_window="1" show_default="1"] markerclusterer: Values allowed, 0 or 1. Displays a cluster with the number of points in an area: [codepeople-post-map markerclusterer="1"] mousewheel: Values allowed, 0 or 1. Enables the map’s zoom with the mouse wheel: [codepeople-post-map mousewheel="1"] zoompancontrol: Values allowed, 0 or 1. Displays or hide the zoom controls in the Google Maps: [codepeople-post-map zoompancontrol="1"] typecontrol: Values allowed, 0 or 1. Displays or hide the type control in the Google Map: [codepeople-post-map typecontrol="1"] streetviewcontrol: Values allowed, 0 or 1. Displays or hide the street-view control in the Google Map: [codepeople-post-map streetviewcontrol="1"] defaultpost: Defines the post ID, for centring the map, and display by default the infowindow corresponding to the first point associated to this post: [codepeople-post-map defaultpost="396"] center: To define the center of the map, but if the infowindows are configured to be opened by default, the map will be centered in the point with the infowindow opened: [codepeople-post-map center="40.7127837,-74.00594130000002"] legend: Accepts a taxonomy name as value. Some common taxonomies names are: category and post_tag, for the categories and tags, respectively. Displays the legend with the list of elements that belong to the taxonomy and are assigned to the posts associated with the points: [codepeople-post-map legend="category"] legend_title: Text to be used as legend title: [codepeople-post-map legend="category" legend_title="Select the categories to display on map"] legend_class: Class name to be assigned to the legend. The legend design may be modified through CSS styles. Creates a class name, with the styles definition, and associates the new class name to the legend through the legend_class attribute: [codepeople-post-map legend="category" legend_class="my-legend-class"] tag: Tags slugs separated by “,”. Displays on map the points whose posts have assigned the tags: [codepeople-post-map tag="tag1,tag2,tag3"] cat: Categories IDs separated by “,” or -1. Displays on map the points whose posts belong to the categories. The special value -1, allows display on map all points defined in the website: [codepeople-post-map cat="2,4,56"] [codepeople-post-map cat="-1"] excludecat: Categories IDs to exclude, separated by “,”. From points to be displayed on map, the plugin excludes the points whose posts belong to the categories to exclude: [codepeople-post-map tag="tag1,tag2" excludecat="4"] excludepost: Posts IDs to exclude separated by “,”: [codepeople-post-map cat="-1" excludepost="235,260"] excludetag: Tags IDs to exclude separated by “,”: [codepeople-post-map excludetag="2,13"] taxonomy: The taxonomy is a special attribute that should be combined with other attributes, depending of taxonomies to use for points filtering. Suppose the website includes two new taxonomies: taxonomyA and taxonomyB, and the map should display all points that belong to the posts with the value T1 for taxonomyA, and T3,T4 for taxonomyB, the shortcode would be: [codepeople-post-map taxonomy="taxonomyA,taxonomyB" taxonomyA="T1" taxonomyB="t2,t3"] Note 5: The geolocation information is stored in image’s metadata from mobiles or cameras with GPS devices. Note 6: Some plugins interfere with the shortcodes replacements, and provokes that maps don’t be loaded correctly, in this case should be passed a new parameter through the shortcode print=1 Passing the parameter print=1, displays the map at beginning of page/post content. Note 7: To display in the Google Map all points in posts with a specific taxonomy assigned, or multiple taxonomies, should be used the “taxonomy” attribute in the shortcode, with the list of all taxonomies separated by the comma symbol, for example: taxonomy=”taxonomy1,taxonomy2″, and a new attribute for each taxonomy with the values corresponding. For example if you want select the points that belong to the posts with the values: “value1” for “taxonomy1”, the shortcode would be: [codepeople-post-map taxonomy="taxonomy1" taxonomy1="value1"] for multiple taxonomies: [codepeople-post-map taxonomy="taxonomy1,taxonomy2" taxonomy1="value1" taxonomy2="value2,value3"]. post_type: In combination with other attributes like: cat, tag or taxonomy, it is possible to load on map only the points that belong to the post types in the list: [codepeople-post-map cat="-1" post_type="post,page"] excludepost_type: In combination with other attributes like: cat, tag or taxonomy, it is possible to load on map only the points that do not belong to the post types in the list: [codepeople-post-map cat="-1" excludepost_type="post"] kml: Absolute URL (http://…) to a KML file with the Keyhole Markup Language: [codepeople-post-map kml="http://www.yourwebsite.com/your-file.kml"] If you want more information about this plugin or another one don’t doubt to visit my website: http://wordpress.dwbooster.com/content-tools/codepeople-post-map Interface Google Maps offers several setting options and is highly flexible. Options can be set up in the Settings page (and will become the default setup for all maps added to posts in the future), or may be specific to each post to be associated with the Google maps (in this case the values are entered in the editing screen of the post in question.) The settings are divided into two main groups, those belonging to the Google maps and those belonging to the geolocation point. Google Maps configuration options: Map zoom: Initial map zoom. Dynamic zoom: Allows to adjust the map’s zoom dynamically to display all points at the same time. Map width: Width of the map. Map height: Height of the map. Map margin: Margin of the map. Map align: Aligns the map at left, center or right of area. Map type: Select one of the possible types of maps to load (roadmap, satellite, terrain, hybrid). Map language: a large number of languages is available to be used on maps, select the one that matches your blog’s language. Allow drag the map: allows drag the map to see other places. Map route: Draws the route through the points that belong to the same post (available only in the premium and developer versions of plugin) Travel Mode: Travel mode used in route drawing (available only in the premium and developer versions of plugin) Include Traffic Layer: Displays a traffic layer over the map. Show info bubbles: display or hide the bubbles with the information associated to the points. Display a bubble by default: display a bubble opened by default. Display map in post / page: When the Google maps are inserted in a post you can select whether to display the Google maps or display an icon, which displays the map, when pressed (if the Google maps are inserted into a template that allows multiple posts, this option does not apply) Options: This setting allows you to select which map controls should be available. Display a bundle of points in the same area, like a cluster: Allows grouping multiple points in a cluster (available only in the premium and developer versions of plugin) Display Featured Image by default: Displays the Featured Image in posts and pages in the infowindows, if the points don’t have associated an image. Display the user’s location: Displays a marker with the location of user that is visiting the webpage (available only in the premium and developer versions of plugin) Refresh the user’s location every: Integer number that represent the interval in milliseconds to refresh the user’s location (available only in the premium and developer versions of plugin) Title of user’s location: Enter the title of infowindow belonging to the user’s marker (available only in the premium and developer versions of plugin) Display the get directions link: Displays a link in the infowindow to get the directions to the point (available only in the premium and developer versions of plugin) Display a link to Google Maps: Displays a link in the infowindow to load the point directly on Google Maps. Display a link to Street View: Displays a link in the infowindow to display the street view in the specific point. Enter the number of points on the post / page map: When the Google maps are inserted into a post, points that belong to the same categories will be shown on the same Google map. This option allows you to set the number of points to be shown. When the Google maps are inserted into a template that allows multiple posts this option does not apply. Generate points dynamically from geolocation information included on images, when images are uploaded to WordPress: If the image uploaded to WordPress includes geolocation information is generated a point with related to the geolocation information. Generate points dynamically from geolocation information included on posts: Displays new points on maps, if the post includes geolocation information, generated by WordPress App. Display maps legends: Check the option to display a legend with categories, tags, or custom taxonomies, to display or hide the points on map dynamically. Select the taxonomy to display on legend: Select the taxonomies to display on legend. Enter a title for legend: Enter the title to display in the legend. Enter a classname to be applied to the legend: To customize the legend appearance, associate to it a classname, and set the class definition in any of style files in your website. Highlight post when mouse hovers over related point on map: When the Google maps are inserted into a template that allows multiple posts, hovering the mouse over one of the points will highlight the associated post through assignment of a class in the next setup option. Highlight class: Name of the class to be assigned to a post to highlight when the mouse is hovered over the point associated with that post on the Google map. Use points information in search results: Allows search in the points information ( available only in the premium and developer versions of plugin ) Allow to associate a map to the post types: Allows to associate points to custom post types in website ( available only in the premium and developer versions of plugin ) Configuration options related to the points location Location name: Name of the place you …

As the most powerful and easiest to use Instagram plugin for WordPress, Smash Balloon Social Photo Feed helps you create, customize and embed Instagram feeds on your website in just a few clicks! Absolutely no coding needed. Designed for both WordPress beginners and advanced users, you can use Social Photo Feed to seamlessly integrate your Instagram widgets and keep your site effortlessly updated. Explore the Pro Version | See Pro in Action Over 1 million users worldwide trust Social Photo Feed to easily showcase Instagram content on their websites. Embed Your Instagram Feed in 3 Steps Smash Balloon Instagram Feed makes it a breeze to set up your feeds on your site: Create your feed and choose an Instagram widget source Customize your feed in a few clicks Add your Instagram feed to your site Check Out the Pro Version | Try the Pro Demo Free Features NEW! Supports local WebP image format for faster loading times oEmbed Support Automatically powers your Instagram oEmbeds Setting Up is Simple: Get started in seconds, no hassle, no fuss Showcase Multiple Accounts: Display photos from various Instagram accounts in one unified feed or separate them into individual feeds Multiple Feeds Anywhere: Add as many feeds as you want on the same page or spread them across different pages on your site Responsive & Mobile-Ready: Your feeds will look stunning on any screen size, on any device and in any container width Fully Customizable Feeds: Adjust the width, height, number of photos, number of columns, image size, background color, image spacing and more Visual Customizer: Customize your feed layout, color scheme, header style, post settings, lightbox, and much more – in just a few clicks Photo Display Options: Choose to display thumbnail, medium, or full-size photos directly from your feed Beautiful Feed Header: Add a striking header to top off your feed beautifully “Follow on Instagram” Button: Increase followers by adding a “follow on Instagram” button at the bottom of your feed Flexible Photo Order: Display your Instagram photos in chronological order or mix it up with a random arrangement Infinite Scroll: Keep your visitors engaged by loading more of your Instagram photos with a handy “Load More” button Built-in Block: Easily add your feed to posts and pages with our convenient block for the block editor Instagram Widget: Embed on your site’s widget-ready areas such as sidebar and footer in seconds GDPR Compliant: Automatically integrates with many of the popular GDPR cookie consent plugins and includes a 1-click easy GDPR setting Designed for All Users: Perfect for beginners and advanced users alike Advanced Customization: Add your own custom CSS and JavaScript for advanced customizations Page Builder Compatible: Fully compatible with Elementor, Divi, Beaver Builder and other popular page builders Get More with Instagram Feed Pro Want to truly maximize your Instagram content and make it work harder for your brand? While Smash Balloon’s Social Photo Feed offers a free way to get started, our Pro version offers advanced features to help you get complete control over the way you show your Instagram photos and videos to your website visitors. The Pro version, known as Instagram Feed Pro, allows you to: Display hashtag feeds – Curate dynamic content around specific Instagram hashtags Check Out Instagram Hashtag Feed Demo Show stunning lightboxes – View photos, Instagram reels and videos in a popup lightbox directly on your site Add interactive elements – Display captions and show the number of likes and comments for each post Embed Instagram carousel – Showcase eye-catching carousels from your posts See Instagram Carousel Feed Demo Choose from multiple layout options – Use “Masonry” or “Highlight” layouts View “Highlight” Layout in Action Use advanced feed moderation – Hide or show specific posts in just a few clicks Filter Instagram posts – Display Instagram content based on hashtags, keywords or specific user posts Create shoppable feeds – Add customized links to each post, like link in bio, so you can direct your site visitors to the page you’d like Use professionally-designed themes – No need to start from scratch! Design beautiful feeds in minutes with pre-made feed themes to instantly create beautiful and unique feeds Plus, enjoy these Pro benefits: Priority Support: Get quick and dedicated help from our support team Regular Updates: Benefit from continuous plugin improvements and new features Check Out the Pro Version | Try the Pro Demo Why Over 1 Million Users Love Smash Balloon Trusted by over 1 million websites, Smash Balloon is the leading solution for seamlessly integrating Instagram feeds onto your site. Our 4.9/5 star average rating from 4,000+ glowing reviews speaks for itself. What Our Users Are Saying “Awesome plugin and support – Awesome plugin that just works! Contacted support this week and they’ve quickly given a custom solution for a specific query I had! Very happy customer!” – @tomteaweb “The best Instagram feed plugin – Whenever I need to display the Instagram feed in a WordPress site, I choose this plugin. It is not only easy to set up, but even in the free version you have enough features to have a nice feed. Do not spend more time looking for another Instagram feed plugin: This is the best!” – @yordansoares “Simple and concise – Excellent plugin. Simple and non-bloated. I had a couple small issues with the plugin when I first started using it, but a quick comment on the support forums got a new version pushed out the next day with the fix. Awesome support!” – @joshjones “Great plugin, greater support! – I’ve definitely noticed an increase in followers on Instagram since I added this plugin to my sidebar. Thanks for the help in making some adjustments…looks and works great!” – @bnotp Fast, Professional and Helpful Support At Smash Balloon, we’re dedicated to providing the most customizable, robust, and well-supported Instagram plugin available. Have a question, need help with a feature, or want to request a new feature? Our dedicated support team is just a quick message away, ready to provide top-notch assistance for both free and premium versions: Documentation Free Support – Please open a ticket in the Support forum Premium Support – Premium users can reach out to us via this Contact Support form You can instantly unlock priority support when you upgrade to Instagram Feed Pro now. 7 Reasons Why You Need Smash Balloon Social Photo Feed Boost Social Engagement – Increase engagement between you and your Instagram followers Save Time – Automatically display your Instagram photos on your website Display Your Content Your Way – Customize your feeds to blend seamlessly with your site Keep Your Site Looking Fresh – Automatically push new Instagram content to your site Super Simple Setup – Get started in 30 seconds with no Developer account needed Powers Instagram oEmbeds – Maintain working Instagram embeds across your site Professional Feed Themes – Use ready-made themes for quick, beautiful displays What Can It Do? Display Instagram photos from any account you own Completely responsive and mobile ready Display multiple feeds on the same page Display posts from multiple Instagram User IDs Built-in customization options Infinite scroll with ‘Load More’ button Plus more features added regularly! Completely Customizable Feeds Set number of photos to display Choose number of columns and photo sizes Show/hide feed elements (header, buttons) Control width, height and background color Set spacing between photos Display photos in chronological or random order Customize button text and colors Add custom CSS or JavaScript Style multiple feeds differently Plus more options added regularly! Check Out the Pro Version | Try the Pro Demo What’s Next If you like our WordPress Instagram plugin, then consider checking out our other projects: OptinMonster – Get more email subscribers with the most popular conversion optimization plugin for WordPress. WPForms – #1 drag & drop online form builder for WordPress (trusted by 5 million sites). AIOSEO – The original WordPress SEO plugin to help you rank higher in search results (trusted by over 3 million sites). MonsterInsights – See the stats that matter and grow your business with confidence. Best Google Analytics plugin for WordPress. SeedProd – Create beautiful landing pages with our powerful drag & drop landing page builder. WP Mail SMTP – Improve email deliverability for your contact form with the most popular SMTP plugin for WordPress. WPCode – must have WordPress code snippet management plugin to help you future-proof website customization (trusted by 1.5 million sites). Duplicator – popular WordPress backup and migration plugin used by over 1 million websites. WP Simple Pay – #1 Stripe payments plugin for WordPress. Start accepting one-time or recurring payments without a shopping cart. PushEngage – Connect with visitors after they leave your website with the leading web push notification plugin. RafflePress – Best WordPress giveaway and contest plugin to grow traffic and social followers. TrustPulse – Add real-time social proof notifications to boost your store conversions by up to 15%. SearchWP – The most advanced custom WordPress search plugin to improve WordPress search quality. AffiliateWP – #1 affiliate management plugin for WordPress. Add a referral program to your online store. Easy Digital Downloads – The best WordPress eCommerce plugin to sell digital products (eBooks, software, music, and more). WPCharitable – Top-rated WordPress donation and fundraising plugin for WordPress. Visit WPBeginner to learn from our WordPress Tutorials and about the best WordPress plugins. Privacy Policy =Data Collection= Instagram Feed does not collect any personal data from your Meta accounts (Instagram, Facebook). All data retrieved from the Meta API is used solely for the purpose of displaying your feed on your WordPress site. =External Connections= This plugin connects to three external sites: Smashballoon.com: Used for connecting and authenticating your sources. Occasionally, it sends dynamic notices to users. These notices can include information about major API changes, critical updates, and marketing messages. Instagram.com and Facebook.com: Used to fetch posts so your visitors can view them directly on your site without needing to leave. =Data Usage= All data retrieved from the Meta API is used solely for displaying your Instagram feed on your WordPress site. No personal data is collected, stored, or shared beyond this purpose.