Gradient Button with Glare + Sticker for Promotions

Discover, discuss, and innovate with consumer data systems.
Post Reply
hasinam2206
Posts: 18
Joined: Sun Dec 22, 2024 3:51 am

Gradient Button with Glare + Sticker for Promotions

Post by hasinam2206 »

The fourth tab "Additional settings" allows you to upload your own image to the background, changing its size, and also adjust the indents. It is impossible to set the rounding of your image, and therefore if you need a round sticker from a specific image, then first design it in Photoshop or any other editor.

The ability to place a sticker behind or before telegram gc philippines text on a published post is available if the images or text are also inside the HTML widget. the default sticker and your own uploaded image.

alt

Done! Our sticker is superimposed on the product photo and perfectly attracts attention to the promotion:

Image

alt

Button with glare and gradient

Let's install a button in the product card (you can use any widget). Click on the copy menu and select "Import" :

alt

Let's paste a special code into the window (triple click will help to select all the code at once) and click "Save" :

alt

Our button has been transformed into an HTML widget , with gradient and highlight settings.

alt

Along with the HTML widget, we also have access to the standard settings of the button . Let's add the text "Submit request" to the content:

alt

On the "View" tab , as usual, we will set up the text style, its size and font:

alt

Now let's move on to the HTML widget settings . On the "Main" tab , we'll set two colors for the gradient and its direction:

alt

On the second tab we have access to the "On hover" settings if we need a response to the cursor:

alt

And on the third tab you can customize the gradient colors when clicking :

alt

The last tab "Animation" allows us to control the highlight by changing the transparency, the speed of the run and the thickness:
Post Reply