Where to Find a Popup's Button Trigger

You can trigger a specific signup or payment popup by using the button trigger associated to the popup. To get the button trigger, go to your Offers page in the Pico Dashboard: https://dashboard.trypico.com/offers/popups

Then, create a new popup or select the one you would like to trigger:

On the customization page of the popup you would like to use, you will see the button trigger value at the bottom of the settings tab:

Note: Button Triggers for payment popups won't work unless there is an existing payment popup in place. To create one, you'll first need to Connect to Stripe.

You can also trigger a payment popup to go directly to one of the options offered. This is great if you want to create your own payment landing page that has button triggers to each product you offer. You can find these within the button triggers available for the payment popups here:

This allows you to create a button that will automatically select the product it is linked to and take the user straight to the checkout flow.

How to create custom buttons on WordPress

In just 3 steps, you can create custom buttons on your site that trigger a popup for either your signup or payment popups.

Step 1: Add an element to your page. The examples below show how to do this in WordPress.

Step 2: Edit the element as HTML.

Step 3: To have this element trigger a specific popup, you'll want to go to the offers page of the Pico dashboard here: https://dashboard.trypico.com/offers/popups .

Then, create a new popup or select the one you would like to trigger:

On the customization page of the popup you would like to use, you will see the button trigger value at the bottom of the settings tab:

Note: Button Triggers for payment popups won't work unless there is an existing payment popup in place. To create one, you'll first need to Connect to Stripe.

Using this class value, insert this into your button code which will then allow the button to trigger this popup when a user selects it:

<div class="wp-block-button PicoSignup_XXXXXXXX">
<a class="wp-block-button__link">Log In</a>
</div>

Pro Tips:

  • Button Triggers can also be used to provide on-site Menu Shortcuts for quickly accessing account management options, and they can be used to integrate custom Signup Forms.

  • For users that are already paying, the PicoPayment class will not have any effect, because Pico limits contacts to one active recurring payment plan at a time. To prompt users to switch to a different plan (e.g. a higher payment tier is required to access certain benefits) link to "PicoManagePayment" as a class, which will allow users to view their active recurring payment and switch to a higher tier.

  • You can customize the look of the triggering element by adding a Signal to it. To ensure the best reader experience, style the element to look disabled by default and to only become enabled once a Signal data attribute, such as data-pico-status, is attached to the element. Prior to Pico being fully loaded on the page, no Signal data attribute will attach to the element, and the Button Trigger functionality will similarly be unavailable. This is especially important to consider for readers in low-bandwidth environments.

Did this answer your question?