The Link trigger allows you to open popups using styled text links instead of buttons. Available in Simply Popups Pro, this trigger is perfect for inline content expansion, subtle calls-to-action, and situations where a button would be too visually prominent.
How the Link Trigger Works
When you select the Link trigger, Simply Popups replaces the default button with a clickable text link. The popup remains hidden until a visitor clicks this link.
- Subtle Design: Blends naturally into paragraph text.
- User Control: Visitors choose when to engage.
- Customizable Colors: Set both default and hover link colors.
Setting Up a Link Trigger
- Ensure you have Simply Popups Pro installed and activated.
- Add the Simply Popups block to your page.
- Select the parent Simply Popups block.
- In the sidebar settings, locate the Trigger Type dropdown.
- Select Link.
The button block will automatically transform into a link block.
Customizing Link Text
You can edit the link text directly in the editor, just like a paragraph.
- Click on the link element inside the Simply Popups block.
- Type your desired text (e.g., “Learn more”, “View details”, “Terms and conditions”).
- The text will appear as a clickable link on the frontend.
Customizing Link Colors
Simply Popups Pro provides color customization for your trigger links.
- Select the Simply Popups Link block.
- Open the Settings sidebar on the right.
- Click on the Link button in the Color section.
Color Options
- Default Tab: Set the link color for its normal state.
- Hover Tab: Set the link color when visitors hover over it.
You can choose from your theme’s color palette or use the custom color picker for any color you need.
Link Trigger vs Button Trigger
| Feature | Link Trigger | Button Trigger |
|---|---|---|
| Visual Style | Inline text link | Standalone button |
| Best For | Inline content, subtle CTAs | Prominent calls-to-action |
| Customization | Link color, hover color | Background, border, typography |
| Version | Pro only | Lite and Pro |
Best Practices for Link Triggers
1. Use Descriptive Text
Make your link text clear and action-oriented:
- ✓ “View our privacy policy”
- ✓ “See the full terms and conditions”
- ✗ “Click here”
2. Ensure Visibility
Choose link colors that stand out from your body text while still fitting your design. Underlined links are more recognizable as clickable elements.
3. Context Matters
Place link triggers where they make sense contextually:
- Within paragraphs explaining a topic
- Next to related content
- In footnotes or references
4. Consider Accessibility
- Ensure sufficient color contrast between link text and background.
- The link text should describe what will happen when clicked.
- Simply Popups automatically handles keyboard navigation and focus states.
Use Cases
- Terms and Conditions: “By signing up, you agree to our [terms of service].”
- Definitions: “This product contains [gluten-free] ingredients.”
- Read More: “For more details, [view the full specifications].”
- Citations: “According to recent studies [1], this approach is effective.”
- Help Text: “Need assistance? [Learn how to complete this form].”
Using Link Triggers with Shortcodes
If you prefer shortcodes, you can create a link trigger using the label attribute:
[simply-popups label="Click here for details"]
<h2>More Information</h2>
<p>Here are the details you requested.</p>
[/simply-popups]You can also add a CSS class to style the link:
[simply-popups label="View terms" class="terms-link"]
<p>Your terms and conditions content here.</p>
[/simply-popups]