Skip to main content
Memberful branding settings help your member-facing pages, forms, and emails match the look of your website and business. In this help article, we’ll show you how to upload your logo and favicon, choose your branding colors, and preview your changes.

​
Upload a logo image

Your logo can appear across Memberful pages and communications, including:
1

Open your branding settings

Go to Website → Branding.
Open the Branding settings in the Memberful dashboard
2

Choose your logo

Click Choose file under Logo, then select a JPG or PNG image from your computer.
Choose a logo image to upload
3

Save your logo

Click Save to apply the change.
Logo files must be no larger than 5 MB. For the best results:
  • Rectangular logos should be at least 560 px wide.
  • Square or circular logos should be at least 180 px by 180 px.
Recommended dimensions for rectangular and square logo images
To remove your logo, click Remove under Logo, then click Save.
Remove an uploaded logo image

​
Upload a favicon image

A favicon is the small image displayed in the browser tab when someone visits your Memberful pages.
Example of a custom favicon displayed in a browser tab
1

Open your branding settings

Go to Website → Branding.
2

Choose your favicon

Click Choose file under Your favicon, then select a JPG or PNG image from your computer.
Choose a favicon image to upload
3

Save your favicon

Click Save to apply the change.
Favicon files must:
  • be no larger than 5 MB
  • use a square aspect ratio
  • be a JPG or PNG image
Memberful resizes the image to 32 px by 32 px.
This setting changes the browser favicon but does not change the Apple Touch Icon or Android equivalent.
To remove your favicon, click Remove under Your favicon, then click Save.
Remove an uploaded favicon image
Changes appear immediately in most browsers. Safari may continue displaying the previous favicon while its cache refreshes.

​
Choose your branding colors

Go to Website → Branding to customize the following colors under Base options:
  • Background color: Sets the base color used across your member website, including the Subscribe and Checkout pages. It is also used for the navigation and footer when separate colors have not been configured.
  • Link color: Sets the color of links across your member website and emails.
  • Button color: Sets the color of primary action buttons across your member website and emails, including sign-in, checkout, and profile buttons.
Example of branding colors applied to a Memberful page

​
Set a color

1

Enter a hex color

Enter a valid six-digit hex code in the color field.
Enter a hex color value in the Branding settings
2

Review the color

Review the color shown in the circular swatch.You can also click the swatch to use your browser’s color picker. The available controls may look different on Mac and Windows.
Choose a branding color using the browser color picker
3

Save the color

Click Save to apply the change.
To restore a color to Memberful’s default, click Reset next to the color field, then click Save.
Reset a branding color to the Memberful default
The link color is applied to links across your member website and emails.
Example of a custom link color
Configure the link color in the Branding settings

​
Button color

The button color is applied to primary action buttons across your member website and emails.
Examples of buttons using a custom branding color
Configure the button color in the Branding settings
Buttons added through custom blocks use the Base options button color by default. You can give an individual button a different color using the button block settings.

​
Preview your changes

Go to Website and review the available pages and forms. Check that your logo is sized correctly and that your colors are readable and consistent with your brand.
Preview branding changes across Memberful pages and forms