Handles the external login flow for CloudWiFi, including success and error pages.

andibraeu

FF Communitymap

Displays the freifunk community map and/or the freifunk community table

frederixhotspot

This plugin allows any WordPress page to act as an External Login page for CloudWiFi.
It handles the entire flow: 
1. Login: Displays a login button that redirects the user back to the hotspot. 
2. Success: Displays a success message after authorization. 
3. Error: Displays detailed error messages if the login fails (e.g., timeout, license exceeded).
Features: 
* One Shortcode: Use <code>[frederix_external_login]</code> for everything. 
* Automatic Mode: Automatically detects if it should show the Login button, Success message, or Error message based on the URL parameters. 
* Flexible Configuration: Use different pages for Login/Success/Error if desired. 
* Customizable Messages: Change the button text and messages via shortcode attributes. 
* Secure: Validates and sanitizes all inputs.
<h3>Shortcode Options</h3>
You can customize the shortcode with the following attributes:
<ul>
<li><code>mode</code>: Controls what the shortcode displays.
<ul>
<li><code>auto</code> (default): Automatically switches based on URL status (<code>status=success</code> or <code>status=error</code>).</li>
<li><code>login</code>: Forces the display of the login button.</li>
<li><code>success</code>: Forces the display of the success message.</li>
<li><code>error</code>: Forces the display of the error message.</li>
</ul>
</li>
<li><code>text</code>: The text on the login button. Default: “Login & Connect”.</li>
<li><code>success_message</code>: The message shown on success. Default: “You are now logged in…”</li>
<li><code>error_message</code>: The fallback error message. Default: “An unknown error occurred.”</li>
<li><code>tos_url</code>: (Mandatory for Login) URL to your Terms of Service page.</li>
<li><code>privacy_url</code>: (Mandatory for Login) URL to your Privacy Policy page.</li>
</ul>
<h3>Examples</h3>
Standard Setup (One Page for everything): 
 [frederix_external_login tos_url=”/agb” privacy_url=”/datenschutz”]
Custom Button Text: 
 [frederix_external_login text=”Start Free WiFi” tos_url=”/agb” privacy_url=”/datenschutz”]
Separate Error Page: 
If you want a dedicated error page with a custom message: 
 [frederix_external_login mode=”error” error_message=”Something went wrong. Please ask at the reception.”]
<h3>Dynamic Styling</h3>
The plugin automatically adds CSS classes to the main container based on the Hotspot parameters. This allows you to style the page differently for each location.
Classes added: 
* <code>fhk-hotspot-{hotspotId}</code> 
* <code>fhk-location-{locationId}</code> 
* <code>fhk-external-{externalId}</code>
Example CSS: 
If you want a green button for Location 123 and a blue button for Location 456:
<pre><code>`css
</code></pre>
/* Location 123 – Green */ 
.fhk-location-123 .frederix-login-button { 
 background-color: green; 
}
/* Location 456 – Blue */ 
.fhk-location-456 .frederix-login-button { 
 background-color: blue; 
} 
 <code><h3>Conditional Content</h3> 
You can show or hide any content (images, text, other shortcodes) based on the location or hotspot ID using the</code>[frederix_show_if]` shortcode.
Attributes: 
* <code>location</code>: Comma-separated list of Location IDs. 
* <code>hotspot</code>: Comma-separated list of Hotspot IDs. 
* <code>external</code>: Comma-separated list of External IDs.
Example 1: Show a specific logo only for Location 123:
<pre><code>`text
</code></pre>
[frederix_show_if location=”123″]
[/frederix_show_if] 
 `
Example 2: Show a special notice for multiple Hotspots:
<pre><code>`text
</code></pre>
[frederix_show_if hotspot=”HS-01, HS-02″]
Special maintenance today in this area!
[/frederix_show_if] 
 `
Example 3: Combine with the login shortcode:
<pre><code>`text
</code></pre>
[frederix_show_if location=”123″]
Welcome to the Beach Club!
<pre><code>[frederix_external_login text="Connect to Beach WiFi"]
</code></pre>
[/frederix_show_if]
[frederix_show_if location=”456″]
Welcome to the Lobby!
<pre><code>[frederix_external_login text="Connect to Lobby WiFi"]
</code></pre>
[/frederix_show_if] 
 `

Alternatives to Frederix External Login

Top alternatives