CTAs you can create
Posted: Sun Feb 16, 2025 10:44 am
A fixed banner is displayed at the top or bottom of a website.
Pop-up Box
A box that appears on a set schedule. It can display images, text, forms, etc.
Slide in
A banner that slides in from off-screen at specific times.
embedded
This CTA generates HTML code and can be embedded on external pages. You can create a CTA by combining parts such as images, text, and forms. This CTA generates HTML code and can be embedded on external pages.
Embedded Images
This CTA simplifies "embedding" and specializes in images. Images and links can be set.
Embedded Buttons
This is also a simplified CTA that is just a button. You can adjust the button design, text, and link.
Embedded HTML
Use this if you can write HTML code and need a more complex design. You can apply theme CSS or write custom styles directly.
You can also use the official CTA design france number data templates.
fig13
What the new CTA can do
Sections can be used
The new CTA now has sections.
Previously, you could only edit with rich text or insert images, but the addition of sections makes it easier to create a variety of content.
fig18
Gradient can be used
With the old CTA, you could only set a solid color and if you wanted to add a gradient you had to create it using an image, but with the new CTA you can now set a gradient for the section background.
You cannot set the position of the circular gradient or the gradient, but you can set the direction and multiple colors. There are four directions you can set: "top to bottom," "left to right," "top right to bottom left," and "top left to bottom right."
cta3
Additionally, gradients can only be used for section backgrounds and cannot be set as backgrounds for button modules etc.
fig19
Pop-up Box
A box that appears on a set schedule. It can display images, text, forms, etc.
Slide in
A banner that slides in from off-screen at specific times.
embedded
This CTA generates HTML code and can be embedded on external pages. You can create a CTA by combining parts such as images, text, and forms. This CTA generates HTML code and can be embedded on external pages.
Embedded Images
This CTA simplifies "embedding" and specializes in images. Images and links can be set.
Embedded Buttons
This is also a simplified CTA that is just a button. You can adjust the button design, text, and link.
Embedded HTML
Use this if you can write HTML code and need a more complex design. You can apply theme CSS or write custom styles directly.
You can also use the official CTA design france number data templates.
fig13
What the new CTA can do
Sections can be used
The new CTA now has sections.
Previously, you could only edit with rich text or insert images, but the addition of sections makes it easier to create a variety of content.
fig18
Gradient can be used
With the old CTA, you could only set a solid color and if you wanted to add a gradient you had to create it using an image, but with the new CTA you can now set a gradient for the section background.
You cannot set the position of the circular gradient or the gradient, but you can set the direction and multiple colors. There are four directions you can set: "top to bottom," "left to right," "top right to bottom left," and "top left to bottom right."
cta3
Additionally, gradients can only be used for section backgrounds and cannot be set as backgrounds for button modules etc.
fig19