-
Notifications
You must be signed in to change notification settings - Fork 1
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
base: main
Are you sure you want to change the base?
Conversation
Preview this PR here: https://dev-docs.revenuecat.com/pr-583/ |
There was a problem hiding this 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). |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
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 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
### Position properties | |
## Position |
|
||
![Distribution](/images/paywalls-distribution.gif) | ||
|
||
### Size properties |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
### Size properties | |
## Size |
2. Fill the available space for the component | ||
3. Occupy a fixed space | ||
|
||
### Layout properties |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
### Layout properties | |
## Layout |
|
||
![Layout](/images/paywalls-layout-settings.gif) | ||
|
||
### Appearance properties |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
### Appearance properties | |
## Appearance |
|
||
Last, if the rectangle shape is used, then its **corner radius** can also be configured. | ||
|
||
### Border properties |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
### 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 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
### Drop shadow | |
## Drop shadow |
|
||
Paywall localization can be managed in line through the Paywall Editor, or through the Paywall Localization page. | ||
|
||
## Editing in line |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
## Editing in line | |
## Editing inline |
|
||
## Editing in line | ||
|
||
adfaf |
There was a problem hiding this comment.
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] |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
just a reminder :D
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