Tormod Seljenes

<p>seljeVisitorsFlags lets you display country flags anywhere on your WordPress site using a simple shortcode. It’s ideal for showing the countries you’ve visited, highlighting where your visitors come from, or adding an international feel to landing pages, sidebars, and content sections.</p>
<p>After activation, go to Tools <span aria-hidden="true" class="wp-exclude-emoji">→</span> seljeVisitorsFlags to choose which countries to show, arrange their order, and configure display defaults. Once saved, you can output the flags with the default shortcode:</p>
<p>[seljev_flags]</p>
<p>You can also build customized shortcodes using the built-in Shortcode Builder tab, which helps you generate variants for different pages without needing to remember every parameter.</p>
<p>Frontend display options include a normal static list/grid and a continuous scrolling ticker (scroller). Ticker mode is designed to look smooth and modern, while still being mindful of performance: the animation pauses when it’s off-screen or when the browser tab is hidden.</p>
<p>The plugin includes multiple visual options so the output can match your site: sizing, spacing, alignment, and optional names/tooltip labeling. Flag images include explicit dimensions to reduce layout shifts during loading for a more stable page layout.</p>
<p>Accessibility and admin usability are also considered: tooltip behavior supports keyboard focus, and the country picker provides clear feedback (including a live selected-count indicator). You can quickly select all countries, apply EU/EEA presets, clear your selection with confirmation, and undo a clear action if you clicked it by mistake.</p>
<p>Whether you want a clean row of flags, a polished animated scroller, or a simple “countries list” section, seljeVisitorsFlags keeps setup fast and output flexible—without requiring a page builder or custom code.</p>
<p>Find this free plugin useful? Please support my work on this plugin by sending me a <a href="https://buy.stripe.com/eVq14ncZGckd4xr2gibQY0i" rel="nofollow ugc">one-time donation</a> (50% of the proceeds go to Ukraine).</p>
<h4>Key features</h4>
<ul>
<li>Choose countries from a searchable list</li>
<li>Drag-and-drop reorder of selected countries</li>
<li>Bulk actions: Select all, Select EU, Select EEA</li>
<li>Static display and continuous scrolling ticker/scroller mode</li>
<li>Shortcode Builder for easy customized shortcodes</li>
<li>Tooltip keyboard focus support</li>
<li>Performance-friendly scroller (pauses off-screen / tab hidden)</li>
<li>Reduced layout shift by setting explicit image dimensions</li>
</ul>
<p>Find this free plugin useful? Please support my work on this plugin by <a href="https://buy.stripe.com/28EbJ1aRyfwp3tncUWbQY0h" rel="nofollow ugc">making a donation</a>.</p>
<h3>Documentation</h3>
<h4>Getting started (admin page)</h4>
<p>After activating the plugin, go to:</p>
<p>Tools -> seljeVisitorsFlags</p>
<p>You will see four tabs:</p>
<ul>
<li>Countries</li>
<li>Settings</li>
<li>Shortcodes</li>
<li>Preview</li>
</ul>
<h4>Countries tab (choose which flags to show)</h4>
<ol>
<li>Use the Search box to find countries quickly.</li>
<li>Click a country to add it to Selected countries.</li>
<li>In Selected countries, drag to reorder the flags (this affects display order).</li>
<li>Use bulk actions if needed:
<ul>
<li>Select all</li>
<li>Select EU</li>
<li>Select EEA</li>
<li>Clear all</li>
</ul>
</li>
<li>Click Save Changes when you are done.</li>
</ol>
<p>Tip: If you do not select any countries, the shortcode output may be empty.</p>
<h4>Settings tab (display defaults)</h4>
<p>These settings control the default output for the [seljev_flags] shortcode (unless you override them in a shortcode).</p>
<p>Common settings:</p>
<ul>
<li>Flag size (px): controls how large each flag appears.</li>
<li>Flag source:
<ul>
<li>FlagCDN (SVG): load SVG flags from flagcdn.com</li>
<li>User flags folder: load flags from your own uploaded files</li>
</ul>
</li>
</ul>
<p>If using User flags folder:</p>
<ul>
<li>Upload your flag files into the plugin user flags folder (as shown in the Settings tab).</li>
<li>Use ISO 2-letter country codes as filenames, typically uppercase (example: NO.svg or NO.png).</li>
<li>The plugin will try .svg first, then .png.</li>
</ul>
<p>Display mode:</p>
<ul>
<li>Show all flags (static)</li>
<li>Continuous scroller (ticker)</li>
</ul>
<p>If you choose Continuous scroller:</p>
<ul>
<li>Scroller direction: choose the scroll direction.</li>
<li>Scroller speed (seconds per loop): lower = faster, higher = slower (allowed range: 5 to 120).</li>
<li>Edge fade: fades the flags near the edges of the scroller.</li>
<li>Bouncing flags: adds a subtle bounce animation while scrolling.</li>
</ul>
<p>If you choose Show all flags (static):</p>
<ul>
<li>Layout: row or grid</li>
<li>Columns (grid only)</li>
<li>Gap (px): spacing between flags</li>
<li>Align: left, center, or right</li>
<li>Names: none, tooltip, or caption</li>
<li>Entrance animation settings: animation, duration, stagger, trigger</li>
</ul>
<h4>Shortcodes tab (copy and paste)</h4>
<p>The main shortcode is:</p>
<p>[seljev_flags]</p>
<p>This uses:</p>
<ul>
<li>Your selected countries (from the Countries tab)</li>
<li>Your display defaults (from the Settings tab)</li>
</ul>
<p>You can also generate a shortcode that includes specific countries, for example:</p>
<p>[seljev_flags countries=”NO,SE,DK”]</p>
<h4>Shortcode Builder (recommended)</h4>
<p>In the Shortcodes tab, use the Shortcode Builder to create a shortcode with options (toggles/selects) without memorizing attributes.</p>
<ol>
<li>Choose whether to use saved selection or specify countries.</li>
<li>Choose a display mode (default/static/ticker).</li>
<li>Configure only the options relevant to that mode.</li>
<li>Copy the generated shortcode using the Copy button.</li>
</ol>
<h4>Preview tab (test before publishing)</h4>
<p>Use Preview to test how the flags will look with your current settings before placing the shortcode on a live page.</p>
<p>If Preview is empty:</p>
<ul>
<li>Make sure you selected at least one country and saved.</li>
</ul>
<h4>Troubleshooting</h4>
<p>No flags show up:</p>
<ul>
<li>Select at least one country in the Countries tab and click Save Changes.</li>
<li>If using countries=”…”, ensure you used valid ISO 2-letter codes (comma-separated, e.g. [seljev_flags countries=”NO,SE,DK”]).</li>
</ul>
<p>Some flags missing when using User flags folder:</p>
<ul>
<li>Confirm the file exists for that country code (SVG or PNG).</li>
<li>Check filename casing (some servers treat NO.svg and no.svg differently).</li>
</ul>
<p>Scroller too fast/slow:</p>
<ul>
<li>Adjust Scroller speed (seconds per loop). Lower is faster, higher is slower.</li>
</ul>
<p>Copy button does not work:</p>
<ul>
<li>Some browsers or security settings may block clipboard access. Try another browser if needed.</li>
</ul>


seljeVisitorsFlags

Display visited countries as flags via shortcode.

Bob Arnold

<p>The <strong>Aquiline Comment Country Flags</strong> plugin affords a commenter on a <strong>GeneratePress</strong> blog the option to affix a country flag to the right of their name in the comment header. A new, optional field is added below the existing fields in the Comment submit form. The commenter is presented with an alphabetical list of the countries which the site administrator has enabled in the plugin settings panel.</p>
<p>The plugin requires the active parent theme to be <strong>GeneratePress v3.1.0 or later</strong>, since it relies on a custom action hook introduced with that version. The commenter’s selection is “remembered” in the same way as the name and email, i.e., through use of a cookie. The flag images are in the public domain, and are provided by <a href="https://flagpedia.net/" rel="nofollow ugc">Flagpedia.net</a>. That site works closely with Wikimedia Commons to maintain an up-to-date, worldwide store of “official” flags.</p>
<p>In cases where a visitor to the site is unfamiliar with a displayed flag, and a pointer such as a mouse is available, they can hover over the flag to reveal the country name. A long press on the flag in some mobile browsers, e.g. Android Chrome, has been seen to produce a popup with the country name at the top.</p>
<p>One limitation is that the Country selection and flag display are not available to logged-in users. Since such users’ metadata (name and email) are handled internally by WordPress, it was decided that support for the Country field in this case would be unduly complex. The logged-in user would just need to log out, then revisit the blog to make their flag selection.</p>
<p>Enabling the flag display via explicit user selection, rather than via IP-based geolocation, has several advantages. It affords greater privacy, and is immune to “false” readings that could occur when a VPN or proxy is in use. Also, a commenter (e.g. someone working abroad) may choose to identify with a country other than that from which their internet connection originates.</p>
<h3>Credits</h3>
<ul>
<li>Flag Images: <a href="https://flagpedia.net" rel="nofollow ugc">Flagpedia.net</a></li>
<li>License: <a href="https://flagpedia.net/download#js-download" rel="nofollow ugc">Public Domain</a></li>
</ul>


Aquiline Comment Country Flags for GeneratePress

Affords a commenter on a GeneratePress blog the option to affix a country flag to the right of their name in the comment header.

seljeVisitorsFlags vs Aquiline Comment Country Flags for GeneratePress