F U L O N

All-in-one unified app for Amazon sellers

Popup Settings

You are here:
Estimated reading time: 7 min

The Popup Settings window appears when you click  button on Top Toolbar. It has hundreds adjustable parameters related to general form functionality, design, notifications, integrations, etc. All of them are described in this documentation. Popup Settings Window looks like below:

General Settings

Click  button on Top Toolbar and select “General” tab. It contains the following general form settings:

  • Name. The name is used for your convenience. It helps to identify the popup on the site.
  • Active. Inactive popups will not appear on the site. It allows to disable the popup globally.
  • Key fields. This is 2 main fields of the popup. Values of these fields are displayed on Log page in relevant columns. It helps to identify submitted record without opening its full details.
  • Date and time parameters. Choose the date/ time formats and language for datetimepicker. It is used for “date” and “time” fields.
  • Cross-domain calls. Enable this option if you want to use cross-domain embedding, i.e. plugin installed on domain1, and popup is used on domain2. Due to security reasons this feature is automatically disabled if the popup has Signature field.
  • Sessions. Activate this option if you want to enable sessions for the popup. Session allows to keep non-completed popup data, so user can continue form filling when come back. You also can set session length. Important! (1) Session doesn’t keep value of “Signature” field and “File Upload” field. (2) Session data is saved as cookies.
  • Cookie lifetime. When popup submission is successful, the cookie is set to avoid further appearance. This is cookie lifetime in days.
  • Close when clicking ESC. Activate this option if you want to close the popup by pressing ESC-button.
  • Submit when clicking ENTER. Activate this option if you want to submit the form by pressing ENTER/RETURN-button.

Style Settings

Click  button on Top Toolbar and select Style tab. It contains a lot of style settings grouped by categories.

Global Style Settings

This category contains global parameters of the popup:

  • Position. Select popup position on browser window.
  • Enable overlay. Activate this option if you want to enable overlay.
  • Overlay animation. Adjust the overlay animation effect.
  • Overlay color. Adjust the overlay color.
  • Active overlay. If enabled, the popup will be closed when user click overlay.
  • Spinner colors. Adjust colors of the spinner.
  • Text style. Adjust the style (font, color, size, etc.) of the text that appears in your popup.

Input Field Style Settings

This category contains parameters to adjust the style of input fields.

  • Icon style. Adjust the style (size, color, position) of input field icons.
  • Input text. Adjust the text style (font, color, size, etc.) of input fields. You can do it for different input states (normal, hover, focus). These parameters override “Text style” parameters from “Global Style Settings” category.
  • Input background. Adjust the background style of input fields. You can do it for different input states (normal, hover, focus).
  • Input border. Adjust the border style of input fields. You can do it for different input states (normal, hover, focus).
  • Input shadow. Adjust the shadow style of input fields. You can do it for different input states (normal, hover, focus).
  • Checkbox and radio style. Choose how to display checkbox and radio button fields and their captions.
  • Checkbox view. Choose the checkbox view.
  • Radio button view. Choose the radio button view.
  • Image Select style. Adjust image alignment and effect.
  • Image label. Adjust the text style (font, color, size, etc.) of image label. These parameters override “Text style” parameters from “Global Style Settings” category.
  • Image border. Adjust the border style of images. You can do it for different states (normal, hover, selected).
  • Image shadow. Adjust the shadow style of images. You can do it for different states (normal, hover, selected).
  • Multiselect style. Choose how to display multiselect options.
  • Tile style. Adjust the tile style.
  • Tile text. Adjust the text style (font, color, size, etc.) of tiles. You can do it for different input states (normal, hover, selected). These parameters override “Text style” parameters from “Global Style Settings” category.
  • Tile background. Adjust the background style of tiles. You can do it for different input states (normal, hover, selected).
  • Tile border. Adjust the border style of tiles. You can do it for different input states (normal, hover, selected).
  • Tile shadow. Adjust the shadow style of tiles. You can do it for different input states (normal, hover, selected).
  • Range slider skin. Select the skin of range slider. This parameter is available if your enabled Ion.RangeSlider plugin on General Settings page.
  • Range slider colors. Adjust colors of range slider. This parameter is available if your enabled Ion.RangeSlider plugin on General Settings page.

Button Style Settings

This category contains parameters to adjust the style of buttons.

  • Button style. Adjust the button size and position.
  • Button text. Adjust the text style (font, color, size, etc.) of buttons. You can do it for different button states (normal, hover, active). These parameters override “Text style” parameters from “Global Style Settings” category.
  • Button background. Adjust the background style of buttons. You can do it for different button states (normal, hover, active).
  • Button border. Adjust the border style of buttons. You can do it for different button states (normal, hover, active).
  • Button shadow. Adjust the shadow style of buttons. You can do it for different button states (normal, hover, active).

Error Bubble Style Settings

If user submit wrong data through certain input field, the error bubble is displayed for this field. In this category you can configure the view of the bubble.

  • Bubble background. Adjust the background of error bubbles.
  • Error text style. Adjust the text style (font, color, size, etc.) of errors. These parameters override “Text style” parameters from “Global Style Settings” category.

Progress Bar Settings

In case of using multi-page (multi-step) forms, you can enable progress bar. In this category you can configure the view of the progress bar.

  • Progress style. Select the general view of progress bar.
  • Colors. Adjust colors of progress bar.
  • Double-tone stripes. Add double-tone diagonal stripes to progress bar.
  • Show page name. Show page name.
  • Include confirmation page. Consider Confirmation page as part of total pages and include it into progress bar.

Confirmation Settings

Confirmation is an action that is executed on front-side when popup successfully submitted. By default it’s just closed.

If you need more specific action, click  button on Top Toolbar and select “Confirmations” tab. There you can customize confirmation and use conditional logic. There are several action to select:

  • Close. Close popup.
  • Display Confirmation page. It is the same action as by default, but you also can apply conditional logic to this action and reset form to default state, if required.
  • Display Confirmation page and redirect to certain URL. The same as above, but after specified number of seconds user will be redirected to specific URL.
  • Display Confirmation page and request payment. The same as above, but after specified number of seconds user will be requested to complete payment.
  • Redirect to certain URL. User is redirected to specific URL immediately.
  • Request payment. User is requested to complete payment immediately.
  • Display popup. Open other popup.

You can apply conditional logic to each action. This means that this action will be performed only if the data submitted by the user meets certain criteria.

Important! If several confirmations match form conditions, the first one (higher priority) will be applied. So, you can use mouse to re-order multiple confirmati

Double Opt-in Settings

f you want users to confirm submitted data click  button on Top Toolbar and select Double Opt-In tab and enable this feature. If enabled, the plugin sends email message with confirmation link to certain email address (submitted by user). When confirmation link clicked, relevant record is marked as “confirmed”.

Double Opt-In tab has the following parameters to configure:

  • Enable. Enable or disable double opt-in.
  • Recipient. The email address to which confirmation link will be sent to.
  • Subject. The subject of the email message.
  • Message. The content of the email message. It is mandatory to include {{confirmation-url}} into content.
  • From. The “From” address and name. The email address and name set here will be shown as the sender of the email.
  • Thanksgiving message. This message is displayed when users successfully confirmed their e-mail addresses.
  • Thanksgiving URL. This is alternate way of thanksgiving message. After confirmation users are redirected to this URL.

Important! This feature is disabled if the form requests users to complete the payment.

Notification Settings

The notification, welcome, thanksgiving or whatever email can be sent to user, administrator or any other email address. To enable this feature just click  button on Top Toolbar, select Notifications tab and create as many notification as you need. You can customize these emails and use conditional logic.

Each notification has the following parameters to configure:

  • Name. The name of the notification. It is used for your convenience.
  • Enabled. You can stop this notification being sent by turning this off.
  • Send. Specify when notification must be sent: after successful form submission, when user confirmed submitted data using double opt-in feature, after successfully completed payment or after non-completed payment.
  • Recipient. Add email addresses (comma-separated) to which this email will be sent to.
  • Subject. The subject of the email message.
  • Message. The content of the email message.
  • Attachments. Select files that you want to attach to the email message.
  • Reply-To. Add a “Reply-To” email address. If not set, replying to the email will reply to the “From” address.
  • From. Sets the “From” address and name. The email address and name set here will be shown as the sender of the email.
  • Conditional logic. If enabled, you can create rules to enable this notification depending on the values of input fields.

You can apply conditional logic to each notification. This means that email message will be sent only if the data submitted by the user meets certain criteria.

Integration Settings

Popup data submitted by user can be sent to 3rd party services (such as MailChimp, AWeber, GetResponse, etc.). To enable this feature just click  button on Top Toolbar, select Integrations tab and create as many integrations as you need. You can customize integrations and use conditional logic.

Important! If you do not see your marketing/CRM provider, make sure that you enabled appropriate integration module on Advanced Settings page.

Plugin has integration modules with following marketing/CRM providers:

  • Curvv Mail
  • ActiveCampaign
  • ActiveTrail
  • AgileCRM
  • Automizy
  • AvangEmail
  • AWeber
  • BirdSend
  • Bitrix24
  • Campaign Monitor
  • CleverReach
  • Constant Contact
  • Conversio
  • ConvertKit
  • Drip
  • EmailOctopus
  • FluentCRM (available for WordPress plugin only)
  • FreshMail
  • GetResponse
  • Gist
  • Groundhogg (available for WordPress plugin only)
  • HubSpot
  • INBOX
  • Infomaniak Newsletter
  • Intercom
  • Jetpack Subscriptions (available for WordPress plugin only)
  • Klaviyo
  • Mad Mimi
  • Mailautic
  • MailChimp
  • MailerLite
  • MailFit
  • Mailgun
  • Mailjet
  • MailPoet (available for WordPress plugin only)
  • Mailrelay
  • Mailster (available for WordPress plugin only)
  • MailWizz
  • Mautic
  • Moosend
  • Mumara
  • Newsman
  • Omnisend
  • Ontraport
  • Pipedrive
  • Rapidmail
  • Salesflare
  • SalesAutoPilot
  • SendFox
  • SendGrid
  • SendinBlue
  • SendPulse
  • Sendy
  • SG Autorepondeur
  • SocketLabs (Email Marketing Center)
  • The Newsletter Plugin (available for WordPress plugin only)
  • Tribulant Newsletters (available for WordPress plugin only)
  • VerticalResponse
  • Your Mailing List Provider
  • Zapier
  • Zoho CRM

If you don’t see your provider in a list, just drop request and we will add it. 

Also plugin has integration modules that allows to:

  • Submit popup data as a part of 3rd party HTML form.
  • Send popup data as a custom GET/POST-requests.
  • Insert popup data into 3rd party MySQL database/table.
  • Create new WordPress User (available for WordPress plugin only).
  • Login existing WordPress User (available for WordPress plugin only).

Advanced Settings

Math Expressions

Qliqup allows to use basic math expressions along the popup. To create math expression just click  button on Top Toolbar, select Advanced tab, choose Math Expressions and create as many math expressions as you need.

Each math expression has the following parameters to configure:

  • ID. The unique ID of the expression. You can’t change it.
  • Name. The name of the expression. It is used for your convenience.
  • Expression. Type math expression here. Use basic arithmetic operators: -, +, *, /.
  • Default. This value is used if expression can not be calculated (for example, in case of division by zero, typos, missed variables, non-numeric values, etc.).
  • Decimal digits. Specify how many decimal digits the result must have.

Each Math Expression has its own unique shortcode, so you can insert it into different part of the form. For example, you can create new form element “Custom HTML”, go to its properties and find property “HTML” under “Basic” tab. On left side hover mouse over  to see all available fields and math expressions. Clicking desired math expression will add its shortcode into HTML content.

Important! If you plan to show the result of math expression on front-end, please do not forget to enable JavaScript Expression Parser on General Settings page.

Payment Gateways

After successful popup submission user can be requested to pay some amount via certain payment gateway. To create and configure payment gateway just click  button on Top Toolbar, select Advanced tab, click Payment Gateways and create as many gateways as you need.

Important! If you do not see your payment provider, make sure that you enabled appropriate module on Advanced Settings page.

Plugin has integration modules with following payment providers:

  • Authorize.Net
  • Blockchain
  • Instamojo
  • InterKassa
  • Mollie
  • PayFast
  • PayPal
  • Paystack
  • PayUmoney (BETA)
  • Perfect Money
  • Razorpay
  • Skrill
  • Stripe
  • WePay
  • Yandex.Money

If you still don’t see your provider in a list, just drop request and we will consider adding it (but not promise).

When payment gateway created, go to Confirmations tab, create confirmation of one of the following types: “Display Confirmation page and request payment”, “Display Message and request payment” or “Request payment” and select desired gateway.

Was this article helpful?
Dislike 0
Views: 7

Say hello and welcome to the new data-driven and customer-focused Amazon FBA business

Access

Follow Us

Email: info@fulon.co