How to style?

Hi there!

This is Ecwid Customer Support Team.

Firstly, let me tell you a few words about the way Ecwid functions in general.

Ecwid is a SaaS (Software as a Service) solution. It means that your Ecwid Store and its data are processed, maintained and hosted on our servers. Also, Ecwid is delivered to you and your customers in the background by means of AJAX. As a result, it gives the possibility to add your shopping cart to different websites (eg., www.ads-software.com website), blogs, and social media pages.

Considering the Ecwid plugin for WordPress, when you add the Ecwid store to your WordPress site, the Ecwid control panel, which allows you to manage your store settings, appears in your WordPress admin panel directly, see the screenshot: https://take.ms/b7xBNc

As for the products, you can add an Ecwid storefront to any page of your WordPress website. The storefront will be a part of your website, so all store pages, including the checkout page, will be opened on your site.

Also, it’s worth to note that all changes applied in Ecwid control panel will be immediately reflected in the storefront.

To find out more detailed information regarding Ecwid integration with WordPress, please check out this article: https://support.ecwid.com/hc/en-us/articles/207101259-Wordpress

As for the Ecwid storefront CSS changes, Ecwid Control Panel has its own section where you have to insert CSS codes that you want to use.

To create the custom CSS theme for your store, you should follow these steps:

1. Go to the Ecwid Control Panel → Settings → Design → Click on the “Create Theme” button.
2. Create a new theme — hit the “New CSS Theme” button.
3. Add the CSS code to the empty text field.
4. Activate and Save

If you want to learn more about customizing Ecwid design, please refer to the following blog post that breaks it down into details: https://www.ecwid.com/blog/a-comprehensive-guide-to-customizing-your-ecwid-store-design.html

Also, I’d like to mention the ways our customers can contact our support team:

– phone, chat, and email on the Business and Unlimited plan.
– chat and email on the Venture plan.

And all of our customers can contact us on our forums and via the contact form as well: https://support.ecwid.com/hc/en-us/requests/new

If you want to learn more about Ecwid, please refer to these great resources for new users:

* Ecwid videos

* About Ecwid

* Ecwid 101: Guide for new users

* Getting Started

I hope this will be helpful.

• This reply was modified 7 years, 5 months ago by ecwid_team.

Above is a detailed general reply.

I’ll also address your questions one by one.

So this will only embed , not show products in and wp admin?

The store control panel will be fully available in your WordPress admin backend, no need to log into any other external services. Once you log into your WP admin, you can manage products, track orders, create promotions, see the list of customers and configure all other options available in Ecwid.

Are the products a custom post type when shown in wp?

Your products, as well as other store data, are stored in the Ecwid cloud. This approach allows us to take care of security, safety, speed, CDN, multiple storefronts, etc. At the same time you can choose to mirror them as local posts in WordPress if you want — this way, the copies of your products will be stored in your WordPress as custom posts. So you will be able to use them in third party plugins (e.g. sliders).

Does the checkout still go back to the ecwid store site?

No, the store catalog, cart page, account page and all checkout pages stay on your site. No redirects unless it’s required by your payment gateway (e.g. PayPal Standard redirects to PayPal.com for payment). By the way, Ecwid supports over 45 payment options in the box.

Since it’s framed then my wp css changes won’t work?

They will work. Your storefront with Ecwid is not framed (meaning there is no iframe there). Rather it’s embedded as inline HTML. So all the CSS and JS customizations on your site will work with your store. You can customize your store styles using WordPress CSS.

Also, you can add a CSS code to the Ecwid theme in the Ecwid Control panel as it’s described in my fist message.

Ecwid also provides a few customizing tools if you wish: https://www.ecwid.com/blog/a-comprehensive-guide-to-customizing-your-ecwid-store-design.html