Managing Campaigns
Campaigns are the core of TipPanel. Each campaign represents a widget that you can embed on your website to collect tips and messages from your visitors.
Campaign Overview
In TipPanel, a campaign represents a widget configuration that you can embed on your website. Each campaign has its own:
- Name: A descriptive name to help you identify the campaign
- Domain: The website domain where the widget will be embedded
- Widget Type: Floating or Inline (depending on your subscription plan)
- Appearance Settings: Colors, fonts, position, and other visual settings
- Custom Text: Customizable text for all widget elements
- Status: Active or Inactive
The Campaigns page in your dashboard shows a list of all your campaigns with key information and action buttons for each one.
Note: The number of campaigns you can create depends on your subscription plan. See the
Campaign Limits section for details.
Creating a Campaign
To create a new campaign:
- Navigate to the Campaigns page in your dashboard
- Click the Create Campaign button in the top-right corner
- Fill in the campaign details:
- Campaign Name: Enter a descriptive name (e.g., "Blog Tips", "Support Donations")
- Domain: Enter the domain where you'll embed the widget (e.g., "myblog.com")
- Widget Type: Select Floating or Inline (Inline is only available on Pro plan and above)
- Click Create to save your new campaign
Floating Widget
- Appears as a floating button in the corner of your website
- Expands to a full widget when clicked
- Can be positioned in any corner of the screen
- Available on all subscription plans
Inline Widget
- Embedded directly within your website content
- Always visible (no need to click to expand)
- Can be placed anywhere in your page layout
- Only available on Pro plan and above
After creating a campaign, you'll be redirected to the Campaigns page where your new campaign will appear in the list. From there, you can customize its appearance, get the embed code, or perform other actions.
Editing a Campaign
To edit an existing campaign:
- Navigate to the Campaigns page in your dashboard
- Find the campaign you want to edit in the list
- Click the Edit button (pencil icon) for that campaign
- Update the campaign details:
- Campaign Name: Change the descriptive name
- Domain: Update the domain if needed
- Widget Type: Change between Floating and Inline (if available on your plan)
- Status: Set to Active or Inactive
- Click Save to update the campaign
Important: Changing a campaign's widget type may reset some appearance settings, as different widget types have different configuration options.
Customizing Widget Appearance
To customize the appearance of your widget:
- Navigate to the Campaigns page in your dashboard
- Find the campaign you want to customize
- Click the Appearance button for that campaign
- Use the appearance editor to customize:
- Theme: Colors, fonts, and overall look
- Layout: Position, size, and behavior
- Custom Text: All text elements in the widget
- Use the preview panel to see how your changes look in real-time
- Click Save to apply your changes
For more detailed information on customizing your widget's appearance, see the Widget Appearance documentation.
Cloning a Campaign
Cloning a campaign creates a duplicate with all the same settings, which you can then modify. This is useful when you want to create similar widgets for different websites or sections of your site.
To clone a campaign:
- Navigate to the Campaigns page in your dashboard
- Find the campaign you want to clone
- Click the Clone button (copy icon) for that campaign
- A new campaign will be created with the name "Copy of [Original Campaign Name]"
- You can then edit the cloned campaign as needed
Note: Cloning a campaign counts toward your campaign limit. Make sure you have available slots in your subscription plan before cloning.
Deleting a Campaign
To delete a campaign:
- Navigate to the Campaigns page in your dashboard
- Find the campaign you want to delete
- Click the Delete button (trash icon) for that campaign
- Confirm the deletion in the confirmation dialog
Warning: Deleting a campaign is permanent and cannot be undone. All associated data, including messages and analytics, will be deleted.
If you want to temporarily disable a campaign instead of deleting it, you can set its status to "Inactive" in the campaign settings.
Getting the Embed Code
To get the embed code for your campaign:
- Navigate to the Campaigns page in your dashboard
- Find the campaign you want to embed
- Click the Embed Code button (code icon) for that campaign
- Copy the generated code snippet
- Paste the code into your website's HTML, just before the closing
</body>
tag
<script src="https://tippanel.com/widget/widget.js"
id="tippanel-widget"
data-website-id="your-website-id"
data-campaign-id="your-campaign-id"
async></script>
Embedding in Different Platforms
If you're using a content management system (CMS), here's how to add the embed code:
Important: Make sure to add the code to all pages where you want the widget to appear. If you're using the Floating widget type, it's recommended to add it to all pages of your website for a consistent user experience.
Campaign Limits by Plan
The number of campaigns you can create depends on your subscription plan:
Plan |
Campaign Limit |
Widget Types |
Free |
1 campaign |
Floating only |
Pro |
3 campaigns |
Floating and Inline |
Premium |
10 campaigns |
Floating and Inline |
Lifetime |
Unlimited campaigns |
Floating and Inline |
If you need more campaigns than your current plan allows, you can upgrade your subscription to a higher plan.