The QUID Payments plugin for WordPress allows you to quickly and easily add a floating button to your WordPress site. A floating button is displayed in the bottom right or left corner and is visible in the same location on all pages while the visitor navigates and scrolls through your site.
Install the plugin
On your WordPress admin page, hover over the 'Plugins' tab on the left sidebar, that will display a dropdown menu, within that dropdown click the 'Add New' tab. This will display the WordPress Plugin Directory, at the top of which there is a search bar. Simply type, 'QUID Payments' to find us.
Click the 'Install Now', which will then be swapped out with an 'Activate' button. Click 'Activate'.
The plugin is now ready for configuration!
Setup your QUID merchant account
If you already have a QUID merchant account you can skip this step, otherwise sign up for your free QUID account.
Generate your API key and secret
- Go to the QUID merchant dashboard.
- Scroll down to the API Keys section and click Create a New API Key (or the + symbol if you have already created an API key). An API secret will also be generated for you.
- Add an origin for each website you want to use with this key. This must be a URL such as example.com. Note that live keys must use https. To add an additional origin for the API key click on the ADD ORIGIN button and continue entering.
- When you are done entering origins, click on the CREATE button. Your new key and secret will be displayed as shown:
To learn more about API keys, see About your API keys.
Configure the QUID Payments plugin
To start accepting QUID payments on your WordPress site you need to add the API keys to the plugin settings.
Login to your WordPress admin dashboard and hover over the 'Settings' tab on the left sidebar, doing so will display a dropdown, within that dropdown select the 'QUID Payments' tab. Clicking it will lead you to the 'QUID Settings' page.
Set your currency
Using the pull-down input under the label "Currency of your Merchant Account" select your currency. This must be the same currency as you selected for your QUID merchant account when you signed up. To confirm the currency of your QUID merchant account, check the settings page in your QUID merchant dashboard.
Add your QUID API keys to WordPress
Enter the API Key and Secret acquired above. Note that the Secret Key is only visible once in your QUID merchant dashboard -- when the API key is first created. If you don't know the Secret Key for the key you created, you'll have to make another.
Once you filled out the two fields with your keys, then press 'Save'. Next time you access the same page, the 'Secret Key' field will be blank (don't worry, unless you received an error message when saving it), the key is not shown to keep your account extra secure.
Setup your floating button
Locate the section of the QUID Plugin settings page where the Floating Button settings are located. If you want to use any settings different from the default values shown, update the settings (see below for a description of each setting), switch the toggle switch to "ON" and save your settings.
Visit your site and you will see your new floating button.
Floating Button Settings
Choose whether to display the floating button at the left or right bottom corner of your site.
Select the color palette to use for the Floating Button.
When enabled this setting will play the automated floating button demo when the page loads.
When enabled this setting will periodically animate the floating button as a reminder to the site's visitor.
Enter the text to display on the floating button tray when it is extended. The default value is "Slide the Q to leave a tip!" (maximum 45 characters).
Enter the text to display when a payment has been received. The default value is "Thank You!" (maximum 25 characters).
Set the minimum price for the slider. The default value is $0.01.
Set the maximum price for the slider. The default value is $2.00.
Set the default tip value. This is the value that is used when a user clicks on the floating button without sliding it to select a value.
Set the payment description that will appear in the user's QUID dashboard and payment receipt. The default value is "Thanks for the support!"