How to add trust badges do the rembrandt theme

[DaveNL]

Finally i was almost done with my new site and now i discovered that the rembrandt theme doesn't have any trust badges at all, is there a way to add at least one trust badge under the add to cart button

 

[Victoria Kudryashova]

Finally i was almost done with my new site and now i discovered that the rembrandt theme doesn't have any trust badges at all, is there a way to add at least one trust badge under the add to cart button

You can find trusted badges in Footer. To customize it please go to Customization -> Footer

 

[DaveNL]

But that is hidden all the way on the bottom, especially on mobile, trust badges are very important and should be in plain side preferably under the add to cart button

I just need to know how i cab add this under the button

 

[Real Residual]

yeah I haven't used Rembrandt theme but in Davinci you just need to add to the css style in Customization > Head > Css Style >

.b-add_order__btn:after {
content: url('http://YOURDOMAIN/URL/safe_checkout_badge-300x56.png');
display: block;
zoom: 90%;
margin-left: -5px;
margin-top: 5px;
}

Now my image was 300x56 so I reduced it by 10% because 270px is just about right and fit right under the button. It was off a bit on the left side so I added a -5px margin.

The css class is ".b-add_order__btn" and I used a pseudo :after to attach the image to it. You can play around with it and see what you get. I think you can do similar changes in Rembrandt easily. The good thing about this change is that it will remain working even after updates.

 

[nardog03]

Hey Real Residue,

I do also want to add trust badges to my theme, i am currently using the Davinci Theme. I tried to used your CSS code as you instructed but it is not working for me, please note i am new to Alidrop plugin and i am learning CSS to help me customize more of my store. Can you please walk thorough your instructions again for me, so i can know where i am going wrong. Thank you

 

[Real Residual]

This line - http://YOURDOMAIN/URL/safe_checkout_badge-300x56.png');

Is the badge image location. I've attached the image. You'll need to upload it to your site first. Then change the URL to match the location on your site.

For example, if your site is www.davincistore.com and you uploaded the file in the root directory, it would be:

.b-add_order__btn:after {
content: url('http://www.davincistore.com/safe_checkout_badge-300x56.png');
display: block;
zoom: 90%;
margin-left: -5px;
margin-top: 5px;
}

Just put the above code section in Customization > Head > Css Style >.
If you change the image name, make sure you also change it in the css.

 

[DaveNL]

Thanks but it is not working on the rembrand theme

 

[Real Residual]

It's really not that complicated. Just a quick look and I tweaked the code to work with Rembrandt.

Just upload your image, get the URL, and replace it in the URL field of the code below.

.product-actions:after {
content: url('url');
display: block;
zoom: 150%;
margin-left: -5px;
margin-top: 5px;
}

I pushed the size of the image to 150% because Rembrandt has more room.

 

[DaveNL]

I could kiss you right now

Thank you very much

 

[Kop]

@Real Residual please how to get this badge on the new Raphael theme. Thank you!

 

[Real Residual]

I have no idea that there is a new theme? Anyways it should be very similar.

 

[Kop]

I did the above instructions but it not working.

 

[Kop]

@Ekaterina Sayapina Please can you help us with the trust badge on Raphael Theme.

 

[Ekaterina Sayapina]

@Ekaterina Sayapina Please can you help us with the trust badge on Raphael Theme.

Kop, I'm not sure why you need these badges in Raphael. There is a set of payment icons under the Add to cart button.

 

[Kop]

Kop, I'm not sure why you need these badges in Raphael. There is a set of payment icons under the Add to cart button. View attachment 5030

I want this under add to cart button.

 

[Ekaterina Sayapina]

I want this under add to cart button.

You might want to order this service to implement your ideas.

 

[Mar]

This line - http://YOURDOMAIN/URL/safe_checkout_badge-300x56.png');

Is the badge image location. I've attached the image. You'll need to upload it to your site first. Then change the URL to match the location on your site.

For example, if your site is www.davincistore.com and you uploaded the file in the root directory, it would be:

.b-add_order__btn:after {
content: url('http://www.davincistore.com/safe_checkout_badge-300x56.png');
display: block;
zoom: 90%;
margin-left: -5px;
margin-top: 5px;
}

Just put the above code section in Customization > Head > Css Style >.
If you change the image name, make sure you also change it in the css.

View attachment 1589

If the objective is to gain trust, it should be a badge that will redirect visitors to a site that show the security status of your website. This trust badge mean nothing and will even irritate visitors.

 

[ukdivision]

Would this be of any use? I use it on one of my other websites. It's not an affiliate link
https://www.honesteonline.com

 

[Mar]

Would this be of any use? I use it on one of my other websites. It's not an affiliate link
https://www.honesteonline.com

Look like it is a paid trust badge. There is a number of free trust marks, you only need to install plugins from Wordpress repository. You will create an account in the plugin and submit your website for assessment. Once your site pass, genuine trust marks will appear in your website. The free versions have default locations but you can locate the trust marks in other locations with some codes. There is no better way to gain trust for new and unknown websites like ours than trust marks that will certify the site is safe and secure.

 

[ukdivision]

Nope it's a free one