PlayableLabs Docs
Images & Colors

Buttons

The most important interactive elements in your ad.

The most important interactive elements in your ad.

Button Parameters

If these appear in your dashboard:

PropertyWhat It Does
Button BackgroundThe main button color or image (replaceable)
Button TextThe label (like "Play Now")
Text ColorColor of the button text
Text SizeHow large the text appears
Button ColorBackground color of the button
PositionWhere the button sits on screen
ScaleHow large the button is
EnableShow or hide the button

The "Play Now" CTA button lives inside the playable itself (not just on the end card). Its position, scale, and color are all adjustable, and you can replace the button image with your own asset.

Customizing Your CTA Button

The Call-to-Action (CTA) button is the most important element in your ad. It's what you want users to tap!

To customize:

  1. Find the CTA button settings in the dashboard
  2. Update the text to your desired message
  3. Change colors to match your brand
  4. Adjust text size if needed
  5. Preview on different screen sizes
  6. Save

CTA Button Best Practices

Text

DoDon't
"Play Now""Click here"
"Download Free""Submit"
"Try It!""Continue"
"Get the App""OK"

Use action words that create excitement!

Colors

  • Stand out - CTA should be the most visible element
  • Brand aligned - Use your accent color
  • High contrast - Text must be readable
  • Consistent - Same style on all CTA buttons

Size

  • Large enough to tap easily on mobile (minimum 44x44 pixels)
  • Not so large it overwhelms other content
  • Proportional to the screen

Button States

Some buttons have different states:

StateWhen It Shows
NormalDefault appearance
PressedWhen user is tapping
DisabledWhen action isn't available

If available, you can customize colors for each state.

Multiple Buttons

If your ad has multiple buttons:

  • Primary CTA - Most prominent, brightest color
  • Secondary buttons - Less prominent, subtler style
  • Consistent styling - Similar buttons should look similar

Troubleshooting

ProblemSolution
Text doesn't fitShorten the text or reduce font size
Button hard to seeIncrease contrast with background
Text not readableCheck text color vs button color
Wrong colorDouble-check hex codes

On this page