User Registration Using Contact Form 7 Pro

How To Use & Features

To use this plugin, first activate Contact Form 7. Then, install and activate the User Registration Using Contact Form 7 Pro plugin.

wp-admin > CF7 User Registration > Settings to configure it.

User Registration Form Settings

Select Registration Form

• Select Registration Form: Choose the appropriate form for User Registration from the available options.
• Enable Registration Form: Temporarily enable the registration form by activating this feature.

For General Settings

• Enable Auto Login After User Registration: Check this box to allow users to automatically log in to the website immediately after they complete the registration process.
• Skip Contact Form 7 Email: Tick this checkbox if you want to bypass the default email sent by Contact Form 7.
• Enable Password Field:Enable this option to allow users to set their password during registration. Ensure you select the correct
• User Approval Option: Choose whether newly registered users can access the login page immediately or require admin approval before they can log in.
• Select User Role Field: Define the user role for new registrations by selecting the appropriate option.

• Select Success URL: Specify the page where users will be redirected after a successful registration.
• User Registration Message :Enter the message to show when user successfully registered.

Registration Mapping

• Select Email Field: Select the field name for User's Email Address.
• Select Username Field: Select the field name for Username.
• Select Password Field:
  • Select the field name for Password.
  • This Will Only Apply If Enable Password Field is enabled.
• Select Biographic Info Field: Select the field name for the Biographic Info.
• Save Settings: Ensure all settings are saved properly.
• Adding the Form to a Page: Once you have configured all the settings for the Registration and Login form, add the Contact Form 7 shortcode to the desired page.
• Add Form Shortcode: Place the form's shortcode on the selected page. The form should match the one chosen for the registration process. The same steps apply for setting up the login form.

For Field Mapping

Advanced Custom Field Mapping:

• To effectively map Advanced Custom Fields (ACF) to Contact Form 7 (CF7) fields, you'll need to have both the ACF plugin and CF7 plugin installed and activated on your WordPress site.
• To Map ACF fields to Contact Form 7 (CF7) fields, follow these simple guidelines:

1. Supported ACF Fields

You can map these types of ACF fields to CF7 fields:

• Text: Single line of text.
• Textarea: Multi-line text.
• Checkbox: Multiple selectable options.
• Radio: Single selectable option.
• Select (Dropdown with multiple select): A list of options where you can select multiple choices.
• Number: Numeric input.
• Date Picker: A field to pick a date.
• Email: A field for email addresses.
• Link: A field for web addresses.
• Date Timepicker: A field to pick both date and time.

For Woocommerce Field Mapping

WooCommerce Field Mapping:

To integrate WooCommerce Field Mapping with CF7 (Contact Form 7), follow these steps:

• Install WooCommerce: Go to your WordPress dashboard, navigate to Plugins > Add New, search for "WooCommerce," and install it. Activate the plugin once it's installed.
• Activate CF7 (Contact Form 7): If you haven't already, install and activate the Contact Form 7 plugin. This plugin is widely used for creating forms on WordPress.
• Map Fields: After activating both plugins, you can start mapping fields between CF7 forms and WooCommerce product fields. For instance, you can map a CF7 form field like "Name" to various WooCommerce fields such as Billing Email, Billing First Name, Billing Last Name, Billing Company, Billing Address, Billing Address 2, Billing Country, Billing State, Billing City, Billing Phone, and Billing Zipcode, among others.

For BuddyPress

BuddyPress Field Mapping:

To integrate BuddyPress Field Mapping with CF7 (Contact Form 7), follow these steps:

• Install BuddyPress: Go to your WordPress dashboard, navigate to Plugins > Add New, search for "BuddyPress," and install it. Activate the plugin once it's installed.
• Activate CF7 (Contact Form 7): If you haven't already, install and activate the Contact Form 7 plugin. This plugin is widely used for creating forms on WordPress.
• BuddyPress Profile Field Mapping: In the form settings, you can configure each CF7 field to correspond with a BuddyPress profile field.
• A Field Mapping section will allow you to select which BuddyPress fields are mapped to which CF7 form fields.
• This can include standard fields (name, email) or custom fields (text, textarea, dropdowns).
• Save the field mapping for use across multiple forms, which allows you to reuse the mapping configuration in different form submissions.
• Custom Field Mapping for BuddyPress Profiles: Admins can map custom fields between CF7 and BuddyPress profiles:
• In a dedicated Field Mapping section within CF7, provide options for mapping custom fields (such as text or textarea) to the BuddyPress profile fields.
• This can be useful for custom BuddyPress profiles where advanced fields are being used.
• Custom fields can include dropdowns, radio buttons, checkboxes, and more.

• BuddyPress Activity Stream Integration: Add an option for logging user registration and profile updates to BuddyPress Activity Streams.
•  Enable or Disable Activity Logging:
• Include a checkbox option for the admin to Enable or Disable the logging of activities such as user registration or profile updates.

When enabled, activities will be logged in the BuddyPress Activity Stream, ensuring that users and admins can track important updates in the user profiles.

For Push Notification

Note: Using HTTPS for Push Notifications

When you use push notifications on a website it's important to use HTTPS (Hypertext Transfer Protocol Secure). HTTPS encrypts the data sent between users and the server, making it more secure. This encryption helps protect sensitive information from being intercepted by unauthorized parties. Therefore, ensure that your website uses HTTPS to ensure the security of push notifications.

For Creating CF7 Registration Form Push Notification:

• When you register using the CF7 form, you'll receive push notifications.

Manual Push for Notification All Users:

• We send push notifications to all users manually.

For Social Sign-up

Google Sign Up Setting

• App ID: Obtain this from the Google Developers Console when you register your application.
• App Secret: Also obtained from the Google Developers Console. This is a confidential code used to authenticate your application.

Facebook Sign Up Setting

• App ID: Obtain from the Facebook Developers portal when you register your application.
• App Secret: Similar to Google, this is a secret code provided by Facebook when you create your app.

Apple Sign Up Setting

• App ID: Generated when you register your application in the Apple Developer portal.
• App Secret: For Apple Sign In, you use a private key linked to your Apple Developer account instead of an app secret.

Social Sign-up In Front-end

• Sign up" is shown on the front.

User Login Form Settings

Select Login Form

• Choose the appropriate form for User Login from the available options.

Enable Login Form

• Temporarily enable the Login form by activating this feature.

For Login settings

• Login Email Field: Select the field where users enter their email address.
• Login Password Field: Select the field where users enter their password.
• Login Success URL: Choose the page where users should be redirected after a successful login.
• User Disable Message:Enter the message to show when user is disable and try to login.

Email Settings

For SMTP Settings

It looks like you're setting up SMTP (Simple Mail Transfer Protocol) settings for sending emails programmatically. Here's a breakdown of what each setting typically involves:

1. Mailer Type:
   • This specifies the method used to send emails. Options include using the default PHP mailer or configuring it to use SMTP.
2. From Email Address:
   • The email address that will appear in the "From" field when recipients receive your email.
3. From Name:
   • The name associated with the "From" email address, which recipients will see.
4. SMTP Host:
   • The hostname or IP address of the SMTP server that you are using to send emails.
5. Type of Encryption:
   • Specifies the encryption method used when communicating with the SMTP server. Options typically include None, SSL/TLS, or STARTTLS.
6. SMTP Port:
   • The port number used by the SMTP server. This varies depending on the encryption type (e.g., 25 for non-encrypted, 465 for SSL/TLS, or 587 for STARTTLS).
7. SMTP Authentication:
   • Whether SMTP authentication is required to send emails. This is usually set to "Yes", and you provide a username and password.
8. SMTP Username:
   • The username used for authentication when connecting to the SMTP server.
9. SMTP Password:
   • The password associated with the SMTP username for authentication.

For Email Template

Contact Form 7 Email Template is an extension for Contact Form 7 that allows you to customize the email sent through the contact form, both for users and admins. You can choose from various pre-developed email templates and easily customize them to meet your needs.

For Reset Password Setting

Forgot Password:

• This plugin also provides Forgot Password and Reset Password options along with Registration and Login. You can use the below shortcode for Forgot Password:

[zurcf7_forget_password]

Reset Password:

Contact Form 7 Reset Password Setting is a feature that lets users reset their passwords through Contact Form 7. It simplifies password management by allowing users to easily change their passwords if they forget them, ensuring a secure process.

To use the reset password feature, include the following shortcodes in your form:

[zurcf7_reset_password_custom_form]

Password Field for the form:

• You can use the password field for the Contact Form 7 Form field as shown below:

Password Field in Front-end:

• To create a password field in Contact Form 7 (CF7), you can use the [password] tag. This tag will generate a password input field where users can enter a password.

• "Password" is shown on the front side.

For Debug Log Setting

• Enable Debug Log: Find the option to Enable Log File and turn it on.
• View Debug Log: Once the log is enabled, the debug log file is located at:
  
  

  /plugins/user-registration-cf7-pro/debug.log

• You can view the debug log by accessing this file through your file manager or an FTP client.
• Clear Log File: To clear the log file, look for the Clear Log File option in the plugin settings and click on it.

For User Profile Setting

1. Access the User Profile Page:
   • Navigate to the page or post where you want to display the user profile details.
2. Insert the Shortcode:
   • Use the following shortcode to display the user profile details:

     [get_profile]

3. Save and Publish:
   • Save your changes and publish or update the page/post.

By adding the

[get_profile]

shortcode, the user's profile details will be displayed on that page or post.

 

Registered User Listing Page:

This page will show all the users who have been registered using the Contact Form 7 form. You can view the user's email. username. and user role, etc.

Registered User Detail Page:

Admin can view the registration details of a particular user here. You can also disable the user from the admin by selecting the User Status option.

In this guide, we have detailed the process of integrating third-party services.

Firebase Authentication:

Here are the steps to create a Firebase account:

Step 1: Create a Google Account

If you don't already have a Google account, you'll need to create one. Firebase uses Google accounts for authentication.

1. Go to Google Account Creation.
2. Follow the instructions to create your account.

Step 2: Sign In to Firebase

1. Go to the Firebase website.
2. Click on the Get Started or Go to console button.
   
   

   

3. Sign in with your Google account.

Step 3: Create a New Firebase Project

1. In the Firebase console, click on Add project
   
   

   

2. Enter a project name and click Continue.
   
   

   

3. (Optional) Set up Google Analytics for your project. If you choose to enable it, select or create an Analytics account and configure your Analytics settings. Click Create project
   
   

   

4. Wait for the project setup to complete and click Continue.
   
   

   

Step 4: Add Firebase to Your App

1. In your Firebase project, you can add Firebase to your web, iOS, or Android app by clicking on the respective platform icon (iOS, Android, or Web).
   
   

   

2. Follow the instructions provided to integrate Firebase with your app. This usually involves downloading a configuration file (like google-services.json for Android or GoogleService-Info.plist for iOS) and adding it to your app.
   
   

   

Step 5: Configure Firebase Services

1. Navigate to the Build section in the Firebase console to configure services such as Firestore, Realtime Database, Authentication, and more.
2. Set up the services according to your app’s requirements by following the provided instructions.

Step 6: Implement Firebase SDK

1. Follow the Firebase documentation to implement the necessary Firebase SDKs in your app code. You can find the documentation on the Firebase website under the Docs section.

Step 7: Deploy and Monitor

1. Once your app is set up with Firebase, you can deploy your application.
2. Use the Firebase console to monitor the performance, manage databases, authenticate users, and analyze app usage.
   
   

   

If you follow these steps, you should have a fully set up Firebase project ready to use with your application. If you encounter any specific issues or need further guidance, feel free to ask!

Google Authentication:

Here are the steps to create a Google account and set up a Google custom app with an SSL certificate:

Step 1: Create a Google Account

1. Go to the Google Account Creation page.
2. Follow the instructions to create your Google account.

Step 2: Visit Google Developers Console

1. Go to the Google Developers Console.
2. Sign in with your Google account.

Step 3: Create a New Project

1. Click on Create project
   
   

   

2. Enter a name for your project.
3. Optionally, edit the provided Project ID.
4. Click Create.
   
   

   

Step 4: Set Up OAuth Consent Screen

1. Click on the left side menu.
2. Go to APIs & Services -> OAuth consent screen.

   

3. Click on Select a Project and choose the newly created project by clicking on its name.
4. Select External as the user type.
5. Click on Create.
   
   

   

Step 5: Edit App Registration

1. Enter all the required details (App Name and User support email).
   
   

   

2. Add Authorized domain as demo.zealousweb.com.
3. On the Scopes screen, click on Add or Remove Scopes.
4. Check the scopes for .../auth/userinfo.email and .../auth/userinfo.profile.
5. Click on Update.
6. Scroll down and click on Save and Continue.
   
   

   

Step 6: Create OAuth Client ID

1. From the left side menu, click on Credentials.
2. Click on Create Credentials.
3. From the dropdown, selectOAuth client ID.
   
   

   

4. From the Application Type dropdown, select Web Application.
5. Enter a client name.
6. Add https://demo.zealousweb.com/wordpress-plugins/user-registration-using-contact-form-7-pro?socialsignup=google in the Authorized Redirect URI.
7.  
8. Click on Create.
   
   

   

Step 7: Copy Client ID and Client Secret

1. Copy the Client ID and Client Secret.
   
   

   

2. Paste these values in the corresponding fields (App ID and App Secret) on your application configuration page.
3. Click on Save & Test Configuration.

Step 8: Publish the App

1. Click on the left side menu.
2. Go to APIs & Services-> OAuth consent screen.
3. Under Publishing Status, click on Publish App.
4. Confirm the publishing action.
   
   

   

By following these steps, you will have successfully set up a Google custom app with the necessary OAuth credentials. If you need further assistance or encounter any issues, feel free to ask!

Facebook Authentication:

Here are the steps to create a Facebook account and set up Facebook Sign-Up settings using the Facebook Developers Console:

Step 1: Create a Facebook Account

If you don't already have a Facebook account, you'll need to create one.

1. Go to Facebook.
2. Follow the instructions to sign up for an account.

Step 2: Access Facebook Developers Console

1. Go to the Facebook Developers Console.
2. Sign in with your Facebook account.

Step 3: Create a New App

1. Click on Create a New App or Create App.
   
   

   

2. Select Consumer on the Select App type pop-up.
3. Click on Continue.
4. Enter the App Display Name and App Contact Email.
   
   

   

5. Click on Create App and complete the security check.
   
   

   

Step 4: Set Up Facebook Login

1. On the "Add products to your app" page, click on the Set Up button under the Facebook Login option.
2. Enter siteproofs.com in the App Domain.
3. Enter your Privacy Policy URL.
4. Under User Data Deletion, select Data Deletion Instruction URL from the dropdown and enter the URL of the page with instructions on how users can delete their accounts on your site.
5. Select the Category of your website.
6. Click on Save Changes.
   
   

   

Step 5: Configure OAuth Redirect URIs

1. On the left side panel, click on Facebook Login and select Settings.
2. Scroll down and add the following URL to the Valid OAuth redirect URIs field: https://demo.zealousweb.com/wordpress-plugins/user-registration-using-contact-form-7-pro?socialsignup=facebook.
3. Click on Save Changes.
   
   

   

Step 6: Request Permissions

1. Click on the App Review tab from the left-hand side menu and click on Permissions and Features.
2. Click on Request Advanced Access for public_profile and email.
   
   

   

3. If you need any extra data to be returned, request permission for those scopes.

Step 7: Make Your App Live

1. In the toolbar, change your app status from In Development to Live by clicking on the toggle button.
2. Click on Switch Mode to confirm.

Step 8: Retrieve App ID and App Secret

1. Go to Settings > Basic.
2. Copy your App ID and App Secret provided by Facebook.
   
   

   

3. Paste them into the corresponding fields in your application configuration.

Step 9: Input Scopes

1. Input email, public_profile as the scope in your application configuration.

Step 10: Complete Data Use Checkup

1. If asked, complete the Data Use Checkup.
2. Click on the Start Checkup button.
3. Certify Data Use for public_profile and email.
4. Provide consent to the Facebook Developer’s Policy and click on Submit.

Step 11: Request Extra Attributes

1. If you want to access user_birthday, user_hometown, or user_location, you need to send your app for review to Facebook.
2. For submitting an app for review, follow the instructions here.
3. After your app is reviewed, you can add the approved scopes to your application.
4. If your app is not approved or is in the process of getting approved, use the scope email, public_profile.

By following these steps, you will have successfully set up Facebook Sign-Up settings for your application. If you encounter any issues or need further assistance, feel free to ask!

Apple Authentication:

Here are the steps to create an Apple account and set up Apple Sign-Up settings using the Apple Developers Console:

To create an Apple account, follow these steps:

1. Go to Apple Developer Console:
• Visit Apple Developer Console.
2. Create a New App:
• Click on Create a New App or Create App.
  
  

  

• Select Consumer on the "Select App type" pop-up.
• Click on Continue.
  
  

  

3. Edit App Registration:
• Enter all the required details such as App Name and User Support Email.
• Add the authorized domain as: demo.zealousweb.com.
4. Add Valid OAuth Redirect URI:
• Scroll down to the Valid OAuth redirect URIs field.
  Add the following URL:
  https://demo.zealousweb.com/wordpress-plugins/user-registration-using-contact-form-7-pro/?socialsignup=apple
• Click on the Save Changes button.

By following these steps, you can set up Apple Sign Up for your application.