>>>WordPress Raindrop Documentation
WordPress Raindrop Documentation2019-02-20T07:53:32+00:00

WordPress Raindrop Documentation

Raindrop Wordpress Plugin Logo

Hydro’s Raindrop WordPress plugin provides a lot of customization under the hood. The documentation is meant to guide you through the advance features of that plugin for admins who want extended control over the functionality of the plugin.

Custom Hydro Raindrop MFA Page

Handles User Authentication

  • Login as an administrator
  • Go to Hydro Raindrop -> Settings > Customization.
  • At MFA Page select the Hydro Raindrop MFA Page or select Use default MFA Page to stick with the defaults.
  • Make sure the shortcode [hydro_raindrop_mfa] is present on this page.

Available Shortcodes

Use these shortcodes in your custom templates/pages:

  • [hydro_raindrop_mfa_flash]: Renders flash messages.
  • [hydro_raindrop_mfa_form_open]: Renders opening <form> tag.
  • [hydro_raindrop_mfa_digits]: Renders the MFA digits.
  • [hydro_raindrop_mfa_button_authorize class="my-css-class" label="Authorize"]: Renders the Authorize (submit) button.
  • [hydro_raindrop_mfa_button_cancel class="my-css-class" label="Cancel"]: Renders the Cancel button.
  • [hydro_raindrop_mfa_form_close]: Renders the closing </form> tag along with the nonce field.

Example template

Create a custom page template (e.g. /wp-content/themes/my-awesome-theme/hydro-raindrop-mfa.php) for the Hydro Raindrop MFA. Below is an example on how to use the shortcodes.

<?php
/**
 * Template Name: Hydro Raindrop MFA
 */

get_header();
?>

<!-- HTML -->

<div class="row">
    <div class="col-sm">
        <div class="card w-75">
            <div class="card-body">
                <?php echo do_shortcode( '[hydro_raindrop_mfa_form_open]' ); ?>

                <div class="text-center">
                    <img src="https://www.hydrogenplatform.com/docs/hydro/v1/images/logo.png">
                </div>

                <h2 class="card-text text-center">
                    <?php echo do_shortcode( '[hydro_raindrop_mfa_digits]' ); ?>
                </h2>

                <div class="row">
                    <div class="col-md-4">
                        <?php echo do_shortcode( '[hydro_raindrop_mfa_button_cancel class="btn btn-default"]' ); ?>
                    </div>
                    <div class="col-md-8 text-right">
                        <?php echo do_shortcode( '[hydro_raindrop_mfa_button_authorize class="btn btn-primary"]' ); ?>
                    </div>
                </div>
                
                <?php echo do_shortcode( '[hydro_raindrop_mfa_form_close]' ); ?>
            </div>
        </div>
    </div>
</div>

<!-- HTML -->

<?php
get_footer();

Custom Hydro Raindrop MFA Setup Page

Handles Initial User Verification

  • Login as an administrator
  • Go to Hydro Raindrop -> Settings > Customization.
  • At MFA Setup Page select the Hydro Raindrop Setup Page or select Use default MFA Setup Page to stick with the defaults.
  • Make sure the shortcode [hydro_raindrop_setup] is present on this page.

Available Shortcodes

Use these shortcodes in your custom templates/pages:

  • [hydro_raindrop_setup_flash]: Renders flash messages.
  • [hydro_raindrop_setup_form_open]: Renders opening <form> tag.
  • [hydro_raindrop_setup_hydro_id]: Renders the HydroID input form field.
  • [hydro_raindrop_setup_button_submit class="my-css-class" label="Submit"]: Renders the Submit button.
  • [hydro_raindrop_setup_button_skip class="my-css-class" label="Skip"]: Renders the Skip button (if applicable).
  • [hydro_raindrop_setup_form_close]: Renders the closing </form> tag along with the nonce field.

Custom Hydro Raindrop MFA Settings Page

Handles Frontend Settings of Individual Users

  • Login as an administrator
  • Go to Hydro Raindrop -> Settings > Customization.
  • At MFA Settings Page select the Hydro Raindrop Settings Page or select Use default MFA Settings Page to stick with the defaults.
  • Make sure the shortcode [hydro_raindrop_setup] is present on this page.

Available Shortcodes

Use these shortcodes in your custom templates/pages:

  • [hydro_raindrop_settings_flash]: Renders flash messages.
  • [hydro_raindrop_settings_form_open]: Renders opening <form> tag.
  • [hydro_raindrop_settings_checkbox_mfa_enabled]: Renders the checkbox form field.
  • [hydro_raindrop_settings_button_submit class="my-css-class" label="Submit"]: Renders the Submit button.
  • [hydro_raindrop_settings_form_close]: Renders the closing </form> tag along with the nonce field.
Do NOT follow this link or you will be banned from the site!