The information in this thread might be outdated
If the solution did not help, please, check our Help Portal or contact Ecwid Team.
 
 
Thread Tools Display Modes
  #1  
Old 05-28-2019, 10:57 AM
Sander T.'s Avatar
Sander T. is offline
 
Join Date: May 2019
Posts: 3
Default

Buy now button loading time


I've included the Buy Now button on my website, but it's loading after the page has loaded. Obviously, this is the most important button on the page. Is there a way to increase the speed to load this button?

Link to my page is: https://study-stars.com/course/marketing-fundamentals/
The Buy Now button is loaded under the Apply Now button. It's still a test environment.

Another question: Is it also possible to use a button I created on my Wordpress site and add the script, so it's loaded at the same time as the rest of the page and is in the same design?
  #2  
Old 05-30-2019, 12:09 PM
Emma C.'s Avatar
Emma C. Emma C. is offline
Ecwid Team
 
Join Date: Apr 2018
Posts: 45
Default

Quote:
Originally Posted by Sander Tan View Post
I've included the Buy Now button on my website, but it's loading after the page has loaded. Obviously, this is the most important button on the page. Is there a way to increase the speed to load this button?

Link to my page is: https://study-stars.com/course/marketing-fundamentals/
The Buy Now button is loaded under the Apply Now button. It's still a test environment.

Another question: Is it also possible to use a button I created on my Wordpress site and add the script, so it's loaded at the same time as the rest of the page and is in the same design?
Hi there!

My name is Emma and I am from Ecwid Customer Care team. Thank you for reaching out!

I have checked your website page via https://study-stars.com/course/marketing-fundamentals/ and I see that you have added the Ecwid Buy now button there.

Let me start off with its loading speed. The thing is that the website content surrounding the button is the static one.

For example, if we compare the two buttons on this page – Apply now and Buy now – we will see that the when we click the Apply now button, we are simply taken to another website page. In other words, the button is a decoration that has only the link assigned to it.

While the Ecwid Buy now button is a script which triggers the whole e-commerce widget to make it work. That is why it can take a little more time to appear on a page compared to a static button.

At the same time, I would like to thank you for drawing our attention to it – I have passed your feedback to our technical team so that we could improve the loading speed of the Buy now button.
When I have any news on that, I will update you to the email associated with your Ecwid account.

As for the using the Ecwid script for your own custom button, the loading speed of this button won't change because it will still be a script which takes its time to load.

I assume that the main purpose of using the custom button is to change the look of the initial Ecwid Buy now button. If so, then it can be customized with the help of the CSS codes.

For example, I have come up with the one that will make your button as aligned and wide as the Apply now one, screenshot: https://take.ms/vilFg

Here is the CSS code for it:

Code:
.ecwid.ecwid-SingleProduct-v2 .ecwid-btn--addToBag {width: 920px; margin-left: -165px;}
You should paste it to your existing CSS theme below the other codes(Ecwid dashboard > Design > click Edit theme).

Hope this helps. if you have any further questions or need assistance, feel free to contact us via this form: https://support.ecwid.com/hc/en-us/requests/new

We will be happy to help!
__________________
Emma
Ecwid Customer Care Team
Help Center


⬇ Please click Thanks if my reply helped you.
  #3  
Old 05-31-2019, 08:54 AM
Sander T.'s Avatar
Sander T. Sander T. is offline
 
Join Date: May 2019
Posts: 3
Default

Thank you so much! I will use the css code to style my buttons.
I look forward to hear when there are updates that will make the button load faster.
  #4  
Old 05-31-2019, 09:03 AM
Sander T.'s Avatar
Sander T. Sander T. is offline
 
Join Date: May 2019
Posts: 3
Default

Quote:
Originally Posted by Emma C. View Post
As for the using the Ecwid script for your own custom button, the loading speed of this button won't change because it will still be a script which takes its time to load.

I assume that the main purpose of using the custom button is to change the look of the initial Ecwid Buy now button. If so, then it can be customized with the help of the CSS codes.

For example, I have come up with the one that will make your button as aligned and wide as the Apply now one, screenshot: https://take.ms/vilFg

Here is the CSS code for it:

Code:
.ecwid.ecwid-SingleProduct-v2 .ecwid-btn--addToBag {width: 920px; margin-left: -165px;}
You should paste it to your existing CSS theme below the other codes(Ecwid dashboard > Design > click Edit theme).
I've used the code and it works well on a desktop, but not on mobile. Is it also possible to make it work on smaller screens?
  #5  
Old 05-31-2019, 12:16 PM
Edward M.'s Avatar
Edward M. Edward M. is offline
Ecwid Team
 
Join Date: Dec 2016
Posts: 261
Default

Hi

I'm Edward from the Ecwid Team.

Thank you for your reply!

You can adjust the CSS parameters for the mobile view only using this CSS code:

Code:
@media screen and (max-width: 768px) {
html#ecwid_html body#ecwid_body .ecwid.ecwid-SingleProduct-v2 .ecwid-btn--addToBag {
    width: 375px;
    margin-left:-30px;
}
}
in this code max-width: 768px defines the screen width when the CSS code applies. So you can use this approach to adjust the buttons to different screen widths.

Note that: all the CSS codes should be added to the same CSS theme in your Ecwid store, one by one.

Hope this helps!

Let us know if you have any questions.
__________________
Ecwid Customer Care Team
More tips and hints on Ecwid use in Ecwid Help Center
 
The information in this thread might be outdated
If the solution did not help, please, check our Help Portal or contact Ecwid Team.

Tags
buy now button, loading time

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 03:35 AM.
Powered by vBulletin® Version 3.8.11. Copyright ©2000 - 2020, Jelsoft Enterprises Ltd.