🛸External How To Guides
Facebook
Facebook App ID Key Generation
To create a Facebook App ID key, follow these steps:
Go to the Facebook Developer website (https://developers.facebook.com/) and log in using your Facebook account.
Click on the "My Apps" drop down menu in the top right corner of the screen, and select "Add New App" from the menu.
Enter a name and contact email for your app, and select a category that best describes your app. Then click "Create App ID."
On the next screen, you will be asked to set up a product for your app. Select "Facebook Login" from the list of products, and click "Set Up."
Follow the prompts to set up Facebook Login for your app. This will include setting up a callback URL, which is the URL that Facebook will redirect users to after they have logged in.
Once you have set up Facebook Login, click on the "Settings" tab in the left-hand menu.
Scroll down to the "Basic" section, and click on the "Show" button next to the "App Secret" field.
Enter your Facebook login password when prompted, and the App Secret will be displayed on the screen. This is your Facebook App ID key.
Make sure to keep your App Secret secure and confidential. Do not share it with anyone or include it in your code in a way that could make it publicly accessible.
Google
App Client ID Generation
To get a Google client ID, you will need to create a Google API project and then enable the API that you want to use. Here are the steps:
Go to the Google API Console (https://console.developers.google.com/).
If you haven't already created a project, click the "Create Project" button. If you have an existing project that you want to use, select it from the list.
In the dashboard for your project, click the "Enable APIs and Services" button.
In the API Library, search for the API that you want to use, or browse through the list to find it.
Click on the API to open its overview page, and then click the "Enable" button.
Once the API is enabled, click the "Create Credentials" button.
Select the type of credentials that you need (e.g. "OAuth client ID") and follow the prompts to create your credentials.
After you have created your credentials, you can find the client ID by clicking on the "Edit" button next to the credential.
Twitter
API Key and API Secret Generation
To get a Twitter API key and API secret, you need to create a Twitter developer account and apply for a developer application. Here are the steps:
Click on the "Apply" button to start the process of creating a developer account.
Sign in with your Twitter account, or create a new account if you don't already have one.
Fill out the form to apply for a developer account. You will need to provide some information about yourself and your proposed use of the Twitter API.
After you submit the form, Twitter will review your application. This process can take several days.
If your application is approved, you will receive an email from Twitter with instructions on how to create a developer application.
Follow the instructions in the email to create your developer application. You will need to provide some additional information, such as the name and description of your application.
Once you have created your developer application, you will be able to access your API key and API secret from the "Keys and Tokens" tab of the developer dashboard.
PayPal
When creating a Client ID in PayPal, make sure to create a LIVE APP to accept payments. Be aware that PayPal defaults to the Sandbox tab during setup, so you will need to switch to the LIVE APP tab before creating API keys.
When connecting to PayPal, Stripe, or PayStack, ensure that you have selected the correct mode (LIVE or SANDBOX) in order to accept payments. Sandbox mode should only be used for testing purposes.
PayPal Client ID
To create a PayPal app and obtain a client ID, follow these steps:
Go to the PayPal Developer Portal at https://developer.paypal.com.
If you don't already have a PayPal account, you will need to create one. Click the "Sign Up" button and follow the prompts to create an account.
Once you have a PayPal account, click the "Log In" button and enter your login credentials.
Click the "My Apps & Credentials" tab in the top menu.
Click the "Create App" button.
Enter a name for your app and click the "Create App" button.
You will be taken to a page with your client ID and secret. Make a note of these, as you will need them to authenticate your app.
If you are building a production app, you will need to obtain a live client ID and secret. To do this, click the "Live" button at the top of the page and follow the prompts to create a live app.
That's it! You should now have a client ID and secret for your PayPal app.
Stripe
When connecting to PayPal, Stripe, or PayStack, ensure that you have selected the correct mode (LIVE or SANDBOX) in order to accept payments. Sandbox mode should only be used for testing purposes.
Stripe Secret Key and Publishable Key
To create a Stripe payment secret key and publishable key, follow these steps:
Go to the Stripe website (https://stripe.com/) and sign up for an account.
Once you have signed up and logged in to your Stripe account, click on the "Developers" tab in the top menu.
From the Developers page, click on the "API Keys" link in the left menu.
On the API Keys page, you will see your secret key and publishable key. If you do not see them, click on the "Reveal test key token" button to display them.
You can use the secret key to authenticate API requests and the publishable key to identify your account when making requests from the client side (e.g., when creating a Stripe payment form in your web application).
Keep your secret key secret and secure, as it allows you to authenticate requests to the Stripe API. Do not share it with anyone or include it in any publicly accessible code.
You can use the publishable key in your client-side code, such as in a JavaScript file or in a Stripe payment form on your website.
Paystack
Paystack Public Key
To obtain a Paystack public key, you can follow these steps:
Go to the Paystack website (https://paystack.com/) and click on the "Get Started" button.
Fill out the sign-up form to create a Paystack account. This will require you to provide your email address, full name, and phone number.
After completing the sign-up form, you will be taken to the Paystack dashboard.
Click on the "Settings" tab in the left-hand menu, and then click on the "API Keys" submenu.
From the "API Keys" page, you can create a new public key by clicking on the "Generate Key" button.
Enter a description for the key (e.g., "My website public key") and click "Create".
The public key will be displayed on the page. Make sure to copy and save the key, as it will not be shown again for security purposes.
You can now use this public key to authenticate your Paystack transactions.
Coinbase
Coinbase API Key and Configuration
Note: You may need to verify your identity and/or your phone number in order to create an API key or use certain features of the Coinbase API.
To get started with Coinbase's API, you will need to:
Create a Coinbase account at https://www.coinbase.com/ if you don't already have one.
Go to the Coinbase Developers page at https://developers.coinbase.com/.
Click the "Get Started" button under the "API" section.
Follow the prompts to create a new API key. You will need to give your API key a name and select the permissions that you want to grant it.
Once you have created your API key, you can enter the webhook URL by going to the "Webhooks" tab on the Coinbase Developers page and clicking the "New Webhook" button.
Enter the webhook URL that you want to use and click "Create Webhook".
Click the "Show" button next to the webhook that you want to view the shared secret for.
The shared secret for the webhook will be displayed in the "Shared Secret" field.
To whitelist a domain, go to the "Apps" tab on the Coinbase Developers page and click the "Edit" button next to the app that you want to whitelist a domain for.
In the "Whitelisted domains" field, enter the domain that you want to whitelist and click "Save Changes".
Video Extension for YouTube
Overview
This documentation provides details on the WP Voting Plugin - Video Extension for YouTube. This extension is specifically designed to work with the Video Contest Category, and allows for videos to be uploaded to the server, rather than requiring the addition of a YouTube URL in the contestant entry form. The admin will then be able to upload the videos to YouTube, and the YouTube link will automatically populate the URL field in the edit contestant screen, displaying the video on the front-end.
Google API Console
Log in to your Google Account and navigate to the following link: https://console.developers.google.com
Click "Create Project" and name your project.
Click "Enable APIS and Services" and search for "YouTube." Enable "YouTube Data API V3" as it is mandatory for the video upload to function properly.
Follow the prompts to enable the YouTube API V3.
In the "Credentials" section, click "Configure Consent Screen" and name the application (e.g. "YouTube Extension").
Click "Create Credentials" and select "WEB APPLICATION" from the list.
Name the web client (e.g. "YouTube Extension"), add your domain link under "Authorized JavaScript origins" (e.g. http://www.example.com), and add the "Contestant List Link" under "Authorized redirect URIs" (e.g. http://www.example.com/wp-admin/edit.php?post_type=contestants).
Click "Create" to generate the "Client ID" and "Secret ID" and update them in the Voting Settings under "Video Extension Settings."
Navigate to "Contest -> Contestants" and you will now find a new button to "Authenticate YouTube."
Click the button and allow the necessary permissions, including allowing the video extension to make changes to the YouTube channel.
The "Authenticate YouTube" button will now read "Deauthenticate YouTube." Once authenticated, the "YouTube Upload" button will appear for only the Video Category Contestants.
After clicking the "YouTube Upload" button, it may take some time for the videos to upload to YouTube. If successful, a success message will appear. If any errors occur, an error notification will be displayed.
Note: The Video Extension will only function with the Video Contest Category. When adding contestants, a "Video Upload File" field will be visible.
Last updated