Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Paywalls v2 docs [New Categories] #583

Open
wants to merge 43 commits into
base: main
Choose a base branch
from
Open

Paywalls v2 docs [New Categories] #583

wants to merge 43 commits into from

Conversation

dpannasch
Copy link
Contributor

@dpannasch dpannasch commented Jan 10, 2025

Motivation / Description

Paywalls v2!!!!

Biggest changes are a new Creating Paywalls (v2 - Beta) section that contains an overview of the new editor and breakout docs for specific topics. Plus some changes to the existing v1 docs to callout the presence of the beta.

Still WIP in that there a few things shipping in the next few days that I need to add once they're available, and a few sections that need more detail, but the structure is all here and content is ~90% in.

Loom overview as of Jan 10th

Changes introduced

Linear ticket (if any)

Additional comments

Copy link

Preview this PR here: https://dev-docs.revenuecat.com/pr-583/

@dpannasch dpannasch marked this pull request as ready for review January 10, 2025 21:38
Copy link
Member

@codykerns codykerns left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

looking gooooooood

@@ -8,6 +8,10 @@ import YouTubeEmbed from "@site/src/components/YouTubeEmbed";

<YouTubeEmbed videoId="PNiVCdExtkw" title="How to use RevenueCat Paywalls" />

:::info Paywalls v2 Beta
These docs refer to our original paywalls product. We've recently released our new paywall editor in public beta. If you're looking to check out Paywalls v2 while in beta, [click here](/tools/paywalls/creating-paywalls-v2).
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
These docs refer to our original paywalls product. We've recently released our new paywall editor in public beta. If you're looking to check out Paywalls v2 while in beta, [click here](/tools/paywalls/creating-paywalls-v2).
These docs refer to our original Paywalls product. We've recently released our new paywall editor in public beta. If you're looking to check out Paywalls v2 while in beta, [click here](/tools/paywalls/creating-paywalls-v2).


Paywalls are made up of individual components that you add and arrange, and those components each have their own properties to be configured that define how it looks and behaves.

### Position properties
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
### Position properties
## Position


![Distribution](/images/paywalls-distribution.gif)

### Size properties
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
### Size properties
## Size

2. Fill the available space for the component
3. Occupy a fixed space

### Layout properties
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
### Layout properties
## Layout


![Layout](/images/paywalls-layout-settings.gif)

### Appearance properties
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
### Appearance properties
## Appearance


Last, if the rectangle shape is used, then its **corner radius** can also be configured.

### Border properties
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
### Border properties
## Border


Parent components can additionally have a specified **border color** and **border width** to create visual separation between them and other components.

### Drop shadow
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
### Drop shadow
## Drop shadow


Paywall localization can be managed in line through the Paywall Editor, or through the Paywall Localization page.

## Editing in line
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
## Editing in line
## Editing inline


## Editing in line

adfaf
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

just a reminder :D


:::

[Charlie video]
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

just a reminder :D

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants