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.

theode

<p>Did you ever need to connect multiple language plugins? I know this is a niche, but from my long lasting experience I know that sometimes you need such a thing.</p>
<p>Maybe you don’t like the widgets your translation plugin provides. So you maybe need something else.</p>
<p>Try this if you are in need for a language widget which has no function except to be a widget.</p>
<p>Here is an example:</p>
<p>Imagine you have some people in your company providing their own translation but for some reason you also need machine translations of your content. In our specific case it was the plugin Global Translator and WPML. Of course all these plugins have their own widgets, but getting mad if you try to use them both because their widgets only work with the single plugin. So there was a need for a widget which has no function behind it to simply connect two plugins.</p>
<p>You need to configure the WPML part for the languages with your own translations and the Global Translator part for those without.</p>
<p>In the no function language widget you simply choose the language codes with a comma seperated list. It even works if you need other names for your languages. Just replace the flag to your name for example rename de.png to german.png and use /german as your language base.</p>


No Function Language Widget

With this you can bridge the gap between multiple translation plugins. It is a no function language widget with multiple options.

seljeVisitorsFlags vs No Function Language Widget