# Affiliate Program
Source: https://docs.pagifye.com/documentation/affiliate-program
Learn how to get help, stay updated with new releases, and manage your Pagifye affiliate referral.
## **Join the Pagifye Affiliate Program**
Getting started is simple. Apply through the affiliate form, and once your application is approved, you will receive access to your affiliate dashboard.
With your dashboard, you can:
* Access your personal referral link
* Track clicks, sales, and commissions
* Monitor your affiliate performance in one place
## **Share Your Referral Link**
After approval, you can start promoting Pagifye using your personalized affiliate link.
You can share it through:
* Your website or blog
* Social media platforms
* Newsletters
* YouTube content
* Online communities
* Client or professional networks
When someone purchases through your link, you earn a commission on each successful referral.
## **Earn 40% Commission Per Sale**
Pagifye affiliates earn **40% commission** on every successful sale made through their referral link.
This means you can grow your earnings by consistently sharing Pagifye with the right audience.
There is **no earning limit**, so your commission can keep growing as your referrals increase.
## **Track Your Performance**
Your affiliate dashboard helps you stay updated on how your promotions are performing.
Inside the dashboard, you can view:
* Referral clicks
* Successful sales
* Total commissions earned
* Overall affiliate activity
This makes it easier to understand what is working and improve your promotion strategy over time.
## **Understand Payouts**
Affiliate payouts are processed at the **start of each month** once your balance exceeds **\$100**.
To receive a payout:
* Your commission balance must be more than \$100
* Your referrals must remain valid after the review period
* Your account must follow Pagifye’s affiliate terms and conditions
Payouts are handled manually, and our team will contact you with the payment details when you become eligible.
## **Refunds and Commission Adjustments**
If a referred customer requests a refund, the related commission may be adjusted before payout.
This helps ensure that affiliate payouts are based only on valid and completed sales.
Because payouts are reviewed before processing, refunds and chargebacks can be balanced fairly.
## **Promote Pagifye Internationally**
You can promote Pagifye internationally and refer customers from anywhere in the world.
This gives affiliates the flexibility to share Pagifye with global audiences across design, development, no-code, and digital product communities.
## **Follow Promotion Guidelines**
Affiliates are free to promote Pagifye across different channels, but all promotions must remain honest, professional, and aligned with Pagifye’s terms.
When promoting Pagifye, make sure to:
* Share accurate information about the product
* Use ethical and lawful promotion methods
* Follow platform rules and local regulations
* Avoid misleading claims or spam-based promotion
This helps protect both your account and the Pagifye brand.
## **Who Can Apply**
The affiliate program is open to people and teams with audiences related to design, development, no-code, and digital products.
This includes:
* Designers
* Developers
* Marketers
* Agencies
* Educators
* Creators
* Community builders
If your audience is relevant to Pagifye, you are welcome to apply.
## **Where to Get Help**
If you need help with your affiliate account, payouts, or referral tracking, you can:
* Contact Support – reach out via email at [support@pagifye.com](mailto:support@pagifye.com)
* Join the Community Chat – connect with other users and affiliates in our Discord server
* Check the Terms & Conditions – review affiliate-related policies and payout terms
We aim to make the affiliate experience simple, transparent, and easy to manage.
## **Stay Updated**
The Pagifye affiliate program may continue to improve over time with updates to workflows, dashboard features, and promotional support.
To stay informed, keep an eye on:
* Your Pagifye dashboard
* Email updates from our team
* Community announcements
This helps you stay up to date with any changes related to commissions, payouts, or affiliate features.
Join the Affiliate Program
# Create An Account
Source: https://docs.pagifye.com/documentation/create-an-account
Create your free Pagifye account to start using components across Figma, Tailwind, and Webflow. Follow the steps below to get started:
## Sign in to Pagifye
Head over to the Pagifye sign-in page to access your account. Once signed in, you’ll be able to explore your component libraries, manage your projects, and unlock tools that help you design and build faster.
### Provide Basic Information
Fill in the required details:
* Full Name
* Valid Email Address
* Password
**Your password must meet the following criteria:**
* Minimum of 8 characters
* At least one uppercase letter
* At least one lowercase letter
* At least one number
* At least one special character
### Email Verification
After submitting the form, you’ll receive a verification email.
* Open your inbox and click the "Verify Email" button.
* Once verified, your Pagifye account will be fully activated.
## Alternative Sign-In Options
Prefer a quicker sign-in? You can also sign up or log in using:
* Google Account
* GitHub Account
## What You Get with a Free Account
Once you create your account, you’ll have access to:
* Free Component Library
* Ability to Purchase Figma UI Kits
* Access to Individual or Team Plans
## Forgot Your Password?
No worries! Here’s how to reset it:
1. Go to the Login Page and click on “Forgot Password?”.
2. Enter your registered email address.
3. You’ll receive a 6-digit verification code via email.
4. Enter the code to set a new password and regain access to your account.
# Framer Components
Source: https://docs.pagifye.com/documentation/framer-components
Build faster with Pagifye’s modular, responsive Framer components designed for smooth editing, flexible layouts, and clean responsiveness.
## **Choose the Right Starter Package**
* Select and remix the right starter package based on the UI component library you want to build.
* This helps you keep your project structure aligned from the beginning.
* Start with the package that best matches your design direction and layout system.
## **Set Up Breakpoints in Framer**
* Open your Framer project.
* Set up the default breakpoints for:
* Desktop
* Tablet
* Mobile
These breakpoints help keep your components responsive and consistent across different screen sizes.
## **Copy and Paste Components**
* Go to the **Pagifye website or plugin** and copy the components you want to use.
* Paste them directly into your Framer project canvas.
Each component includes three responsive variants:
* Desktop
* Tablet
* Mobile
To make sure everything works properly:
* Review the **Tablet** breakpoint
* Review the **Mobile** breakpoint
* If the variants dosen’t match switch to the matching variant for the correct layout and behavior
This ensures every section stays accurate across all devices.
## **Unlink and Customize**
* Open the pasted component inside Framer.
* Unlink it from the original source.
Once unlinked, you can fully customize it as your own component and adapt it to your project needs.
Now you can:
* Edit content freely
* Adjust layout and spacing
* Customize styles and structure
* Reuse components across pages
* Build responsive pages faster with less manual work
Every component is made to stay flexible, so you can customize without losing the layout structure.
**That’s It!**
You’re now ready to build with **Pagifye + Framer**.\
All components are designed to be:
* Flexible
* Responsive
* Easy to customize
# Pricing & Packages
Source: https://docs.pagifye.com/documentation/pricing
Pagifye makes it easy to explore, copy, and use professional UI components across Figma, Webflow, and Tailwind. Here’s how to make the most out of your free and paid access.
## Browse the Free Component Library
Head over to the **Pagifye Component Library**. Use the search bar to explore components like:
* Hero sections
* Feature blocks
* Pricing tables
* And more...
Free components are tagged and filterable from the sidebar. They come with:
* **Three theme styles** – Light, Gray, and Dark
* **Wireframe versions** – for layout planning
* **Support for** Figma, Webflow, and Tailwind
### Preview Before You Copy
Click on a component to preview it in detail — including all available variations.\
You can even check the **responsive view** of each component before copying it.
## Copy a Component
When you find a component you want to use, click one of the following buttons:
* **Copy Figma**
* **Copy Webflow**
* **Copy Tailwind**
This copies the selected design/code directly to your clipboard.
You can also preview components to view all variations in more detail — including responsive breakpoints.
## Paste into Your Project
Open your project in your preferred tool and paste:
* **In Figma:** Open your file and paste the component onto your canvas.
* **In Webflow:** Open the Designer and paste the copied section into your layout.
* **In Tailwind:** Paste the HTML and class structure into your code editor.
> ⚠️ **Important:**\
> For webflow projects, make sure your project includes the **Pagifye Style Guide for Webflow** to ensure consistent fonts, colors, spacing, and design tokens.
Once added, you can easily customize the layout, content, and visuals to match your brand or project needs.
## Unlocking Full Access to Pagifye
Pagifye offers **300+ components for free**, with a limited copy quota per day.\
To **supercharge your workflow**, upgrade for access to:
* 3,100+ components
* Multiple themes
* Responsive wireframes
* Team tools & UI kits
## Pricing Plans
| **Comparison** | **Component Library** | **All in One Access** |
| :----------------------------- | :-------------------- | :--------------------- |
| **Access** | Components Only | Components + Templates |
| **Pre Built figma Template** | - | 40+ |
| **Pre Built Webflow Template** | - | 40+ |
| **Pre Built Framer Component** | ✓ | ✓ |
| **Pre Built figma Library** | x | ✓ (Lifetime only) |
| **Monthly Template Update** | x | ✓ |
| **Plugin Access** | ✓ | ✓ |
| **Priority Support** | x | ✓ |
| **Copy Limit** | 200 | 6000+ |
| **Price for Yearly** | **\$49** | **\$199** |
| **Price for Lifetime** | **\$149** | **\$599** |
### All Paid Plans Include:
* Full access to **3,100+ components**
* Unlimited Copy with fair usage limits
* Support for Figma, Webflow, and Tailwind
* Light, Gray, and Dark themes
* Wireframe versions of every section
* Ongoing updates & future component releases
## Figma Design Library Kits
Pagifye offers **four premium Figma UI kits** — available as **one-time purchases** or **free with the LIfetime Team Plan** for a limited time.
| **UI Kit** | **Design Style** | **Components** | **Themes Supported** | **Pricing** |
| --------------- | -------------------------- | ----------------- | -------------------- | ----------- |
| Root UI Kit | Clean, minimal, corporate | 1,500+ Components | Light, Gray & Dark | **\$129** |
| Maple UI Kit | Bold, creative, fancy | 1,000+ Components | Light & Dark | **\$99** |
| Medifye UI Kit | Premium Care,Trusted Feels | 300+ Components | Light & Dark | **\$79** |
| Rallyfye UI Kit | Rich Look, Fancy Vibe | 300+ Components | Light & Dark | **\$79** |
### What's Included:
* Prebuilt wireframes
* Responsive layouts
* Full-page templates
* Light & Dark themes
* Organized Figma files with auto layout
* Shared color, text, and style tokens
### Getting Started with UI Kits
1. Purchase from the **Pagifye UI Kits** section
2. Download and open the Figma file
3. Import into your workspace
4. Start designing with ready-to-use layouts and styles
These kits are available as **one-time lifetime purchases**, but **All in One Access** users get all kits **completely free** for limited time— no extra cost!
You can upgrade your packages directly from your **dashboard** at any time.
# Support & Updates
Source: https://docs.pagifye.com/documentation/support
Learn how to get help, stay updated with new releases, and manage your Pagifye account and subscription.
## Where to Get Help
If you run into issues or need guidance, you can:
* Visit the **FAQ section** – most questions have been answered there
* Contact **Support** – reach out via our email [support@pagifye.com](mailto:support@pagifye.com) for direct assistance
* Join the [**Community Chat**](https://discord.com/invite/vARfmKwXZq) – connect with other users, ask questions, and share tips in our Discord server
We aim to respond quickly and ensure your experience stays smooth.
## Stay Updated with New Components & Templates
Pagifye is continuously growing. As a subscriber, you get:
* Instant access to news, new components, and sections
* Performance improvements and visual updates to existing components
* Early access to new platform support (e.g., Framer, React libraries)
You’ll receive update notifications via email and within your Pagifye account.
## Suggest a Feature or Component
Have something in mind you’d love to see?
* Submit your ideas via our [Discord](https://discord.com/invite/vARfmKwXZq)
* Suggest new components, categories, or workflow improvements
We review all submissions and often build based on user needs.
## Manage Your Account & Subscription
From your Pagifye account, you can easily:
* Upgrade your subscription
* View your download history
* Access your Figma or Webflow kits
* Contact support for any refunds or renewals
Pagifye gives you the simplicity and flexibility to focus on what matters most: your creativity.You can find more details in our [Terms & Condition](https://pagifye.com/terms-condition) and [Privacy Policy](https://pagifye.com/privacy-policy).
# Tips & Suggestions
Source: https://docs.pagifye.com/documentation/tips-and-suggestions
Follow workflow tips across Figma, Webflow, and Tailwind to keep your Pagifye projects fast, clean, and scalable.
## Start with the Style Guide
Always begin your project by copying the Pagifye Style Guide into your Webflow file.
This ensures:
* Consistent colors, spacing, and typography
* Seamless integration of future components
* Alignment with your brand/design system from the start
## Use Wireframes for Early Layouts
Each component includes a wireframe version to help with early-stage layout planning. Use these before adding color, imagery, or final copy to:
* Focus on structure and content flow
* Speed up iteration without visual distractions
## Stick to One Theme Per Project
Choose one theme — Light, Gray, or Dark — and apply it consistently across your entire project.
Mixing themes can lead to inconsistencies and extra maintenance. Only do so if you have a deliberate use case.
## Use the Pagifye Sync Extension (Webflow)
If you're working in Webflow, install the Pagifye Sync Extension to:
* Keep classes aligned with the Style Guide
* Prevent duplicate styles
* Automatically map components to design tokens
* Save time and reduce styling errors
## Duplicate & Reuse Components
Pagifye components are fully modular. You can:
* Duplicate sections across different pages
* Rearrange blocks to create new layouts
* Mix elements from different components to build custom sections
This speeds up development and reduces design debt.
## Organize Your Files as You Go
A clean file equals to a smooth workflow. To stay organized:
* Use consistent naming conventions
* Structure your layers or folders logically
* Remove unused sections from your working file
This improves collaboration and simplifies handoff to developers or other teammates.
# Figma Components
Source: https://docs.pagifye.com/documentation/using-components-figma
Design faster with Pagifye's modular, responsive Figma components using best practices like auto layout and color tokens.
## Copy a Component from the Pagifye Library
* Go to the **Pagifye Component Library** and find the section you want to use.
* Click the **Copy Figma** button.
* The design will be copied to your clipboard.
Each component includes multiple versions:
* Light
* Gray
* Dark
* Wireframe
Choose the version that matches your project style.
## Paste and Position in Figma
* Open your Figma file.
* Paste the component into your working frame or artboard.
* Use Figma’s auto layout to resize or adjust sections as needed.
Components are built with nested styles and layout rules, so they’ll stay flexible when you customize:
* Text
* Icons
* Images
## Customize and Build
Now you can:
* Edit text and images effortlessly
* Switch theme layers when needed
* Rearrange or duplicate blocks to build full pages fast
* Mix and match components freely — every block is modular and won’t break the layout
* Switch from **Wireframe** to **Full UI Design** instantly
* Toggle between **Light**, **Gray**, and **Dark** themes for any section
* Make it fully responsive across all devices automatically
Every component is modular, so you can easily mix and match without breaking the structure.
**That’s It!**
You’re now ready to build with **Pagifye + Figma**.\
All components are designed to be:
* Flexible
* Scalable
* Easy to integrate
# Webflow Components
Source: https://docs.pagifye.com/documentation/using-components-in-webflow
Build faster with Pagifye’s Webflow components by starting with the Style Guide and using the Sync Extension for clean, modular design.
## Add the Pagifye Style Guide to Webflow
Before adding any components, clone the Webflow Style Guide from [webflow](https://webflow.com/made-in-webflow/website/root-ui-styleguide) or the pagifye component page into your project. This includes:
* Typography styles
* Button styles
* Spacing system
* Color, schema & variable settings
* Base layout structure
This ensures that every component you paste will use the same class names and design rules.
## Install the Pagifye Sync Extension
To keep everything clean and connected, we recommend installing the Pagifye Sync Extension for your browser.
The link to the Pagifye Sync is [here.](https://chromewebstore.google.com/detail/pagifye-sync/mmnggjoeahopipmgoakaiigccaoojmid)
This tool helps:
* Auto-connect class names
* Avoid class duplication
* Merge styles smoothly when pasting multiple components
It’s especially useful when building large projects with multiple pages.
## Copy a Webflow Component
In the Pagifye Component Library:
1. Find the section you want to use
2. Click the **Copy Webflow** button
3. The section is copied directly to your clipboard
You can choose from **Light**, **Gray**, **Dark**, or **Wireframe** versions depending on your style.
## Paste and Adjust in Webflow
1. Open your Webflow project
2. Paste the copied section into your page
The layout, styles, and class names will align with the style guide you imported.
You can now update the content, add animations, or rearrange sections without breaking the design system.
## Reuse and Build Faster
Each component is built to be modular. You can:
* Duplicate sections across pages
* Mix components from different categories
* Maintain a clean class structure throughout the project
**That’s It!**
You’re now ready to build with Pagifye + Webflow. All components are designed to be:
* Flexible
* Scalable
* Easy to integrate
# Tailwind Components
Source: https://docs.pagifye.com/documentation/using-pagifye-with-tailwind-css
Get plug-and-play Tailwind UI components from Pagifye, built with clean utility-first code and easy configuration.
## Get Access to Tailwind Components
With access to the free or premium Tailwind components, you get:
* Responsive Tailwind UI components
* Clean utility-first code
* Light, Gray, and Dark themes
* Wireframe versions for planning layouts
* Copy-paste-ready code optimized for modern browsers
## Configure Tailwind and Global Styles
Set up your project to render Pagifye components correctly by following these configuration steps:
### **Add Tailwind Config**
Replace or merge it into your existing `tailwind.config.js`.
```js tailwind.config.js expandable {3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,71,72,73,81,82,83,84,85,86,87,88,89,90,92,93,94,95,99,100,101,102,103,104,105,106} icon=js lines theme={null}
/** @type {import('tailwindcss').Config} */
const colors = {
"pgfy-primary": {
600: "#2FD954",
500: "#3BEB64",
400: "#72F18B",
300: "#99F4A8",
200: "#B8F7C3",
100: "#D2F9D7",
50: "#EAFCED",
},
"pgfy-wireframe": {
600: "#1A1A1A",
500: "#202020",
400: "#4D4D4D",
300: "#959595",
200: "#B9B9B9",
100: "#CACACA",
50: "#E4E4E4",
},
"pgfy-gray": {
600: "#06221A",
500: "#0F2C24",
400: "#14382E",
300: "#768782",
200: "#9FABA7",
100: "#CFD5D3",
50: "#E0E3E2",
},
"pgfy-red": {
600: "#EC2D30",
500: "#F64C4C",
400: "#EB6F70",
300: "#F49898",
200: "#FFCCD2",
100: "#FEF2F2",
50: "#FFEBEE",
},
"pgfy-yellow": {
600: "#FE9B0E",
500: "#FFAD0D",
400: "#FFC62B",
300: "#FFDD82",
200: "#FFF7E1",
100: "#FFF9EE",
50: "#FFFBF5",
},
"pgfy-green": {
600: "#0C9D61",
500: "#47B881",
400: "#6BC497",
300: "#97D4B4",
200: "#C0E5D1",
100: "#E5F5EC",
50: "#F2FAF6",
},
"pgfy-info": {
600: "#3A70E2",
500: "#3B82F6",
400: "#4BA1FF",
300: "#93C8FF",
200: "#BDDDFF",
100: "#E4F2FF",
50: "#F1F8FF",
},
"pgfy-neutral": {
black: "#000000",
white: "#FFFFFF",
foreground: "#F0EEE9",
background: "#F7F5F3",
},
};
export default {
content: [
"./index.html",
"./src/**/*.{js,ts,jsx,tsx}",
],
theme: {
container: {
center: true,
padding: "1rem",
screens: {
sm: "640px",
md: "768px",
lg: "1024px",
xl: "1170px",
},
},
extend: {
colors,
fontFamily: {
sans: ["Lato", "sans-serif"],
},
},
},
plugins: [
function ({ addBase }) {
addBase({
body: {
"-webkit-font-smoothing": "antialiased",
"-moz-osx-font-smoothing": "grayscale",
},
});
},
],
}
```
### **Add Global CSS**
Add it into your main or global CSS file (e.g., `globals.css` or `main.css` or `style.css`).
```css style.css expandable {5,6,7,8,9,10,11,12,13,14,15,16,17,18} icon=css lines theme={null}
@tailwind base;
@tailwind components;
@tailwind utilities;
@layer utilities {
.hide-calendar-icon::-webkit-calendar-picker-indicator {
opacity: 0;
}
}
.no-scrollbar {
-ms-overflow-style: none; /* Hide scrollbar in IE and Edge */
scrollbar-width: none; /* Hide scrollbar in Firefox */
}
.no-scrollbar::-webkit-scrollbar {
display: none; /* Hide scrollbar in Chrome, Safari, and Opera */
}
```
### Add Alpine.js
Add this alpinjs script to your root file or main layout, just before the closing `` tag.
```html index.html {8} icon=html lines theme={null}
Root UI - Pagifye
```
## Use Components in Your Code
Browse the Pagifye Component Library and:
1. Choose a component
2. Select a theme (Light/Gray/Dark) or Wireframe
3. Click **Copy Tailwind**
In your code editor:
* Paste the component into your HTML.
* Make sure Tailwind CSS is set up in your project
* Adjust content, classes, or layout as needed
Each component is built using semantic HTML5 and scoped utility classes.
## Customize with Tailwind Utilities
All Pagifye components use standard Tailwind utility classes, so customizing is simple:
* Swap colors based on your design tokens in `tailwind.config.js`
* Update spacing, typography, layout, or breakpoints as needed
* No custom CSS required—everything is fully Tailwind-compatible
**That’s It!**
You’re now ready to build with Pagifye + Tailwind. All components are designed to be:
* Flexible
* Scalable
* Easy to integrate
# Getting Started with Pagifye
Source: https://docs.pagifye.com/index
A quick overview to Pagifye.
## **Introduction to Pagifye**
Welcome to **Pagifye** — your toolkit for building websites, landing pages, and digital products faster. Instead of spending hours designing from scratch, Pagifye gives you a rich library of **ready-made UI components** that integrate with your favorite tools: **Figma, Webflow, Tailwind** **CSS** & **Framer**. Whether you’re sketching a wireframe, designing a polished interface, or coding a custom site, Pagifye helps you move from idea to launch with speed and consistency.
## **Why Pagifye?**
Designing and building websites can feel repetitive—rebuilding layouts, ensuring responsiveness, and keeping designs consistent across platforms. Pagifye solves this by providing:
* **Pre-built, responsive components** with countless variations hero banners, pricing tables, and testimonials.
* **Cross-platform compatibility** so the same assets work in Figma, Webflow, and Tailwind.
* **Customization flexibility** letting you adapt layouts and styles to fit your brand.
* **Costs less than a template** while offers thousands of components for different brand languages.
This way, you spend less time reinventing the wheel and more time focusing on creativity & outcomes.
## **Who It’s For**
Pagifye is designed for different types of creators:
* **Designers** → accelerate your workflow with reusable UI kits and maintain design consistency.
* **Developers** → use clean, production-ready Tailwind components that save time.
* **No-Code Builders** → assemble professional sites quickly with Webflow or Framer ready components.
* **Agencies & Teams** → Validate ideas using wireframes & deliver projects faster while keeping a consistent visual identity.
## **How It Works**
At its core, Pagifye is a **plug-and-play component library**. Each component is designed to be responsive, adaptable, and consistent across platforms. Depending on your workflow, you can:
* Use **Figma** to wireframe and design with pre-built UI kits.
* Build in **Webflow** with components that fit no-code workflows.
* Code using **Tailwind CSS**, with responsive, scalable component sets.
* Integrate with **Framer** for a seamless design-to-launch experience.
This flexibility creates a smooth handoff between design and development, helping teams work in sync & yield results in moments.
## **Getting Started**
It’s simple to begin:
1. **Start Free** → browse and test Pagifye’s free library.
2. **Pick your workflow** → choose Figma, Webflow, or Tailwind depending on your objective.
3. **Import and customize** → copy, paste and edit to match your project’s branding.
4. **Upgrade for full access** → unlock the complete component library anytime & unlock full access to theme variations, library and wireframe kits.
With Pagifye, you don’t need to start from zero again. Instead, you begin with a strong foundation—saving time, maintaining consistency, and delivering polished results faster.
Our documentation is divided into several sections, each dedicated to a specific aspect of Pagifye. Here’s a quick overview:
### Quick Start
Create a free Pagifye account to get started.
Access Pagifye with the plan that fits you.
### Setup Guide
} href="https://docs.pagifye.com/documentation/using-components-in-webflow">
Boost your webflow projects with Pagifye.
Design faster with Pagifye components.
} href="https://docs.pagifye.com/documentation/using-pagifye-with-tailwind-css">
Plug-and-play Tailwind UI with Pagifye.
### Tips
Essential Pagifye tricks & best practices.
} href="https://docs.pagifye.com/documentation/support">
Get our support & keep updated.
Stay updated with affiliate program.