krupakacpr

<p><strong>Checkout Country Flags for WooCommerce</strong> replaces the default WooCommerce country dropdown with a modern, user-friendly selector featuring country flags and improved styling.</p>
<p>Perfect for international stores that want to enhance checkout usability and make country selection faster, clearer and more intuitive for customers.</p>
<h3>Features (Free)</h3>
<ul>
<li>Adds <strong>country flags</strong> next to each country name in the dropdown  </li>
<li>Works with <strong>WooCommerce Classic Checkout</strong> and <strong>Checkout Blocks</strong>  </li>
<li>Multiple <strong>flag shapes</strong>: rectangle, square, circle  </li>
<li>Optional <strong>border and radius</strong> for custom appearance  </li>
<li>Option to <strong>show or hide the “Country / Region” label</strong>  </li>
<li>Lightweight – no external libraries required  </li>
<li>Fully translatable (English & Polish included)  </li>
<li>Compatible with HPOS (High Performance Order Storage)</li>
</ul>
<h3>Coming Soon – PRO Version</h3>
<p>The upcoming PRO edition will introduce advanced features:</p>
<ul>
<li>Select and restrict which countries appear in the dropdown  </li>
<li>Priority countries (pin selected countries to the top)  </li>
<li>Custom order of countries  </li>
<li>Live-search country filtering inside the dropdown  </li>
<li>Upload or override custom flag icons  </li>
<li>Additional visual styles and layout options  </li>
</ul>
<p>If you’re interested in early access or creating your own plugin, contact me:<br />
<strong>https://krupakacper.pl/</strong></p>
<h3>Why This Plugin?</h3>
<p>Because the default WooCommerce dropdown is long, outdated and difficult to navigate – especially on stores selling internationally.<br />
A dropdown with flags offers a strong visual cue and improves checkout conversion rates.</p>


Checkout Country Flags for WooCommerce

Improve your WooCommerce checkout with a modern country dropdown enhanced with flags.

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.

Checkout Country Flags for WooCommerce vs seljeVisitorsFlags