How to use

1. Accessing the Feature:
   • Log in to your WordPress admin panel.
   • Navigate to “InputWP” in the left-hand menu.
   • Click on “Integration.”
   • Under the “Export” section, click on “Add New” to create a new export rule or edit an existing one.
2. Configuring Export Settings:
   • Provide a name for the export using the “Label (Optional)” input field. This label helps you identify the export rule.
   • Toggle the switch button for “Include also the events that are imported” based on your preference. This determines whether you want to export both captured events and imported events.
   • Use the checkboxes in the “Select Calendar(s)” section to select or multi-select the “Events” you want to include in this export configuration. You can have multiple export configurations to control different event sets.
   • After selecting the events, click the “Generate .ics” button. This will generate a URL that you can copy and use in the desired external platform.
3. Managing Export Rules:
   • You can create multiple export rules to tailor your exports based on different event sets.

Benefits of Using the Export Feature

• Efficient Data Sharing: With the ability to export captured form submission data and date/time information, you can easily share event details with external platforms without manual data entry.
• Customizable Export: The ability to choose the events you want to export and to include imported events gives you flexibility and control over the exported data.

Using the “Export” feature in InputWP, you can effortlessly share your event data with external platforms, enhancing the visibility of your events and improving overall efficiency.

How to use

1. Accessing the Feature:
   • Log in to your WordPress admin panel.
   • Navigate to “InputWP” in the left-hand menu.
   • Click on “Integration.”
   • Under the “Import” section, click on “Add New” to create a new import rule or edit an existing one.
2. Configuring Import Settings:
   • Provide a name for the import using the “Label (Optional)” input field. This label helps you identify the import rule.
   • In the “.ics URL” text field, paste the .ics URL generated by the external source. Ensure that the URL is in the appropriate .ics format.
   • Use the “Import into Event’s calendar” select input field to specify which event’s calendar the imported data should be associated with.
   • Optionally, define a color for the import using the “Colour (Optional)” color picker. This color is intended for future visual representations and doesn’t impact functionality.
   • Choose the sync frequency using the “Sync” select input field. Select how often you want the import to run, ranging from every 5 minutes to every 30 days.
3. Managing Import Rules:
   • You can create multiple import rules to manage different imports from various external sources.
   • Once you’ve configured the settings, scroll down to the bottom of the integration page and click the “Save” button to save the import settings.

Benefits of Using the Import Feature

• Effortless Data Transfer: By utilizing .ics URLs, you can seamlessly import events or unavailable times from external sources, eliminating the need for manual data entry.
• Automated Updates: The sync frequency options allow you to choose how often the import process runs, ensuring your event data remains up to date without manual intervention.

Using the “Import” feature in InputWP, you can streamline the process of importing events and availability information from popular external sources, saving you time and ensuring accurate event data.

How to Use This Feature

1. Accessing the Feature: To integrate an “Event” with a Divi form manually, follow these steps:
   • Log in to your WordPress admin panel.
   • Navigate to “InputWP” in the left-hand menu.
   • Click on “Integration.”
   • Under the “Form integration” section, click on “Add New” to create a new integration or edit an existing one.
2. Selecting Manual Method:
   • Provide a name for the integration using the “Label (Optional)” input field. This label helps you identify the integration.
   • Select “Manual” from the “Method” select input field.
3. Generating CSS Selector:
   • Click the “Generate CSS Select” button. This will generate a CSS selector ID automatically.
   • Edit the generated CSS selector ID in the “CSS Selector” text input field. Please note that if you’re integrating with Divi, you should remove the dot (“.”) before the code.
4. Selecting Calendar:
   • Use the “Select Calendar” select input field to choose the “Event” that you want to associate with the CSS selector.
5. Editing CSS Class:
   • The system will automatically generate a CSS class for the integration. Edit the CSS class using the “CSS Class” text input field to make it easily recognizable and relevant to your integration.
6. Saving Changes: After editing the CSS selector, selecting the calendar, and updating the CSS class, scroll down to the bottom of the integration section and click the “Save” button to save the integration settings.
7. Result: Upon saving, the date/time picker will be automatically injected into the form field defined by the custom CSS selector. This allows users to use the advanced date/time selection options associated with the selected “Event.”

Benefits of Integrating with Divi

• Flexible Integration: The manual integration method allows you to integrate the date/time picker seamlessly with Divi forms, providing advanced date/time selection capabilities.
• Enhanced User Interaction: By integrating a date/time picker, you enhance the user experience, making it easier for users to select dates and times within your Divi forms.

Using the manual integration to integrate with Divi, you can incorporate the capabilities of InputWP into your Divi forms and deliver a sophisticated form submission experience.

How to use

1. Accessing the Feature:
   • Log in to your WordPress admin panel.
   • Navigate to “InputWP” in the left-hand menu.
   • Click on “Integration.”
   • Under the “Form integration” section, click on “Add New” to create a new integration or edit an existing one.
2. Step 1: Name and Method:
   • Provide a name for the integration using the “Label (Optional)” input field. This label helps you keep track of multiple integrations.
   • Select “Ninja Form” from the “Method” select input field. NOTE: Please make sure you have the Ninja Form plugin installed and activated with at least one form created, before proceeding.
   • Click “Next” to proceed to the next step. The system will retrieve a list of available Ninja Form forms that you’ve already created.
3. Step 2: Connect:
   • Use the “Contact Form” select input field to choose the form you want to integrate.
   • Use the “Event” select input field to associate the chosen form with a specific “Event.”
4. Step 3: Identify:
   • Assign each input field to one of three categories: “Guest,” “Email,” and “Date picker.” These assignments help process and manage the data effectively.
   • Use the select input fields associated with “Guest,” “Email,” and “Date picker” to match the input fields in your Ninja Form form.
5. Saving Changes: After completing the three steps, scroll down to the bottom of the integration section and click the “Save” button to save the integration settings.
6. Result: Upon saving, the date/time picker will be automatically injected into the specified text input field in your Ninja Form form. This allows users to use the advanced date/time selection options associated with the selected “Event.”

Benefits of Integrating with Ninja Form

• Enhanced User Experience: By integrating a date/time picker with your Ninja Form form, you provide users with an intuitive and user-friendly way to select dates and times.
• Efficient Data Management: The integration ensures that guest information, email addresses, and selected date/time data are accurately associated and processed for later use, such as importing/exporting events.

Using the “Integrate with Ninja Form” feature, you can seamlessly combine the capabilities of InputWP with your Ninja Form forms, offering a comprehensive and user-centric form submission experience.

How to use

1. Accessing the Feature:
   • Log in to your WordPress admin panel.
   • Navigate to “InputWP” in the left-hand menu.
   • Click on “Integration.”
   • Under the “Form integration” section, click on “Add New” to create a new integration or edit an existing one.
2. Step 1: Name and Method:
   • Provide a name for the integration using the “Label (Optional)” input field. This label helps you keep track of multiple integrations.
   • Select “Gravity Form” from the “Method” select input field. NOTE: Please make sure you have the Gravity Form plugin installed and activated with at least one form created, before proceeding.
   • Click “Next” to proceed to the next step. The system will retrieve a list of available Gravity Form forms that you’ve already created.
3. Step 2: Connect:
   • Use the “Contact Form” select input field to choose the form you want to integrate.
   • Use the “Event” select input field to associate the chosen form with a specific “Event.”
4. Step 3: Identify:
   • Assign each input field to one of three categories: “Guest,” “Email,” and “Date picker.” These assignments help process and manage the data effectively.
   • Use the select input fields associated with “Guest,” “Email,” and “Date picker” to match the input fields in your Gravity Form form.
5. Saving Changes: After completing the three steps, scroll down to the bottom of the integration section and click the “Save” button to save the integration settings.
6. Result: Upon saving, the date/time picker will be automatically injected into the specified text input field in your Gravity Form form. This allows users to use the advanced date/time selection options associated with the selected “Event.”

Benefits of Integrating with Gravity Form

• Enhanced User Experience: By integrating a date/time picker with your Gravity Form form, you provide users with an intuitive and user-friendly way to select dates and times.
• Efficient Data Management: The integration ensures that guest information, email addresses, and selected date/time data are accurately associated and processed for later use, such as importing/exporting events.

Using the “Integrate with Gravity Form” feature, you can seamlessly combine the capabilities of InputWP with your Gravity Form forms, offering a comprehensive and user-centric form submission experience.

How to use

1. Accessing the Feature:
   • Log in to your WordPress admin panel.
   • Navigate to “InputWP” in the left-hand menu.
   • Click on “Integration.”
   • Under the “Form integration” section, click on “Add New” to create a new integration or edit an existing one.
2. Step 1: Name and Method:
   • Provide a name for the integration using the “Label (Optional)” input field. This label helps you keep track of multiple integrations.
   • Select “Contact Form 7” from the “Method” select input field. NOTE: Please make sure you have the Contact Form 7 plugin installed and activated with at least one form created, before proceeding.
   • Click “Next” to proceed to the next step. The system will retrieve a list of available Contact Form 7 forms that you’ve already created.
3. Step 2: Connect:
   • Use the “Contact Form” select input field to choose the form you want to integrate.
   • Use the “Event” select input field to associate the chosen form with a specific “Event.”
4. Step 3: Identify:
   • Assign each input field to one of three categories: “Guest,” “Email,” and “Date picker.” These assignments help process and manage the data effectively.
   • Use the select input fields associated with “Guest,” “Email,” and “Date picker” to match the input fields in your Contact Form 7 form.
5. Saving Changes: After completing the three steps, scroll down to the bottom of the integration section and click the “Save” button to save the integration settings.
6. Result: Upon saving, the date/time picker will be automatically injected into the specified text input field in your Contact Form 7 form. This allows users to use the advanced date/time selection options associated with the selected “Event.”

Benefits of Integrating with Contact Form 7

• Enhanced User Experience: By integrating a date/time picker with your Contact Form 7 form, you provide users with an intuitive and user-friendly way to select dates and times.
• Efficient Data Management: The integration ensures that guest information, email addresses, and selected date/time data are accurately associated and processed for later use, such as importing/exporting events.

Using the “Integrate with Contact Form 7” feature, you can seamlessly combine the capabilities of InputWP with your Contact Form 7 forms, offering a comprehensive and user-centric form submission experience.

How to use

1. Accessing the Feature:
   • Log in to your WordPress admin panel.
   • Navigate to “InputWP” in the left-hand menu.
   • Click on “Settings.”
   • Go to the “Theme” section.
   • Select “Custom” from the theme options.
2. Customizing Typography Colors: In the “Typography Colors” section, you can customize the colors of various elements for different states:
   • Headers/Enabled
   • Sub-headers
   • Inactive
   • Selected/Button label
   • Disabled
   • Secondary button label/Text link
3. Customizing Background Colors: In the “Background Colors” section, you can customize the background colors for various elements:
   • Selected
   • Border (Menu items), Selected range
   • Disabled
   • Panel/Secondary button
   • Primary button/Navigation icons
4. Customizing Labels: Customize labels used throughout the date/time picker interface:
   • Clear
   • Close
   • Save
   • Today
   • Tomorrow
   • Back
   • Month
   • Year
   • Select Time
   • Available Hours
   • Time
   You can change labels to suit your branding or even translate them using input fields.
5. Selecting Fonts: In the “Font” section, you can choose from a selection of Google Fonts to apply to the date/time picker. Here are the available font options:
   • Roboto
   • Roboto Condensed
   • Roboto Slab
   • Roboto Mono
   • Open Sans
   • Open Sans Condensed
   • Lato
   • Slabo
   • Oswald
   • Source Sans Pro
   • Montserrat
   • Raleway
   • PT Sans
   • PT Serif
   • PT Serif Narrow
   • Lora
   • Noto Sans
   • Noto Serif
   • Nunito Sans
   • Work Sans
   • Merriweather
   • Playfair Display
   • Ubuntu
   • Arimo
   • Titillium Web
   • Fira Sans
   • Barlow
   • Hind
   • Karla
   • Heebo
6. Saving Changes: After customizing your theme elements, click on the “Save” button to save the changes you’ve made.

Benefits of Customizing the Theme

• Brand Consistency: With a custom theme, you can maintain consistent branding by harmonizing the date/time picker’s appearance with your website’s overall design.
• Visual Appeal: Personalizing the theme ensures that the date/time picker seamlessly integrates into your website’s aesthetic, enhancing the visual appeal for your visitors.

Customize the date/time picker’s theme to create a cohesive and appealing user experience that resonates with your brand identity.

How to use

1. Accessing the Feature: To use the “Theme” functionality, follow these steps:
   • Log in to your WordPress admin panel.
   • Navigate to “InputWP” in the left-hand menu.
   • Click on “Settings.”
   • Go to the “Theme” section.
2. Selecting a Theme: On the “Theme” settings page, you will find radio buttons for two theme options:
   • Default (xdsoft): Selecting this option will apply the default styling from the xdsoft library to the date/time picker. This is a quick way to have a consistent look with a well-designed default theme.
   • Custom: Selecting this option will expand the page, revealing additional controls for Labels, Colors, and Font. You can create a custom theme by adjusting these settings to match your website’s design and branding.
3. Customizing the Custom Theme: If you choose the “Custom” theme, you will find controls for Labels, Colors, and Font. Adjust these settings according to your preferences to create a unique appearance for the date/time picker.
4. Saving Changes: After selecting the desired theme option or customizing a custom theme, click on the “Save” button to save the changes you’ve made, including the theme selection and customizations.

Benefits of Choosing a Theme

• Visual Consistency: By choosing a theme, you ensure a consistent and visually appealing appearance for the date/time picker that aligns with your website’s design.
• Branding and Design Integration: With the custom theme option, you have the freedom to adapt the date/time picker’s appearance to match your website’s branding and design.

Using the “Theme” feature, you can easily control the aesthetics of the date/time picker and create a cohesive user experience that reflects your website’s identity.

How to use

1. Accessing the Feature:
   • Log in to your WordPress admin panel.
   • Navigate to “InputWP” in the left-hand menu.
   • Click on “Settings.”
   • Go to the “General” section.
2. Selecting a Language: On the “General” settings page, you will find a select input field that allows you to choose the language for the date/time picker.
   • Default Language Option: The default option is “Default – Detect page language.” This means the date/time picker’s language will be automatically determined based on the language of the page.
   • Choosing a Specific Language: If you prefer a specific language for the date/time picker, you can select that language from the dropdown list.
3. Saving Changes: After selecting the desired language option, click on the “Save” button to save the changes you’ve made, including the language selection.

Benefits of Choosing a Language

• Localized User Experience: This feature allows you to provide a more localized and user-friendly experience for your audience by displaying date and time information in their preferred language.
• Cultural Sensitivity: By offering the date/time picker in the language of your target audience, you demonstrate cultural sensitivity and improve overall user satisfaction.

Using the “Language” feature, you can enhance your website’s accessibility and engagement by presenting date and time information in the language that resonates most with your users.

How to use

1. Accessing the Feature:
   • Log in to your WordPress admin panel.
   • Navigate to “InputWP” in the left-hand menu.
   • Click on “Settings.”
   • Go to the “General” section.
2. Enabling Prevent Keyboard Edit: On the “General” settings page, you will find a toggle switch button. Enable the toggle switch button if you want to prevent keyboard editing in the date/time picker field.
   • Keyboard on Mobile Devices: Enabling this option will also prevent the keyboard from displaying on mobile devices when users select the date.
3. Saving Changes: After toggling the “Prevent keyboard edit” option, click on the “Save” button to save the changes you’ve made, including the prevent keyboard edit setting.

Benefits of Using Prevent Keyboard Edit

• Accidental Editing Prevention: By enabling this feature, you ensure that users cannot accidentally edit the text inside the date/time picker field using their keyboard.
• Enhanced User Experience: Users can confidently interact with the date/time picker, focusing solely on selecting the desired date and time values without the distraction of text input.

Using the “Prevent keyboard edit” feature, you can create a more user-friendly and intuitive date and time selection process for your users.