David Jetelina

Hopefighter

<p>Shortcode to flag is an easy plugin, that will allow you to insert flags with shortcodes. For example, US will change to an American flag that won’t break your formatting. The height of the flags is 40pixels.</p>
<h3>Usage</h3>
<p>Put <a href="http://en.wikipedia.org/wiki/ISO_3166-1_alpha-2" rel="nofollow ugc">country code</a> (in capital letters) to shortcode to display desired flag.</p>
<p>e.g. [US]</p>
<h3>Edits</h3>
<p>If you want to change height of the flags, do so in file flagstyle.css</p>


Shortcode to flag

Shortcode to flag is an easy plugin, that will allow you to insert flags with shortcodes.

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.

Shortcode to flag vs seljeVisitorsFlags