Skip to main content

How to Design WooCommerce Account Pages

Tekin Yaşar

Hi there,

Is there any way to design WooCommerce  "Account Pages" such as "my-account", "previous orders" or "add address" etc. pages with Brizy? Also i want to ask this for "Payment Page".

If you are planing, when it'll be avaliable. Otherwise, i want to ask that which plugins are you suggesting to design these pages?

 

1

Comments

13 comments

Date Votes
  • Sandra Prunici

    Hi,

    Yes, it is possible to edit the WooCommerce pages with Brizy editor. In our YouTube channel, we posted some videos on this subject. See here.
    Let us know if we can help you with something else.

    Best regards,
    Sandra

    0
  • Tekin Yaşar

    Hello Sandra.

    Tank you for your respond. 

    We watched these videos before we ask this question. In these video series there isn't any information about "Account Pages" end points such as "my-account", "previous orders" or "add address" etc.

    Also, in this video series even for "Shop", "Chart", "Checkout" pages, there isn't any piece of information how can we design these pages with Brizy. 

    As an agency, we are building our costumers' web sites on completely bank templetes, and this means we need to learn how can we design these pages with Brizy.

    So, let me extend our question:

    1) Is there any way to design WooCommerce "Account Pages" or "Order Pages" end points such as:

    "order-pay"
    "order-received"
    "add-payment-method"
    "delete-payment-method"
    "set-default-payment-method"
    "orders"
    "view-order"
    "downloads"
    "edit-account"
    "edit-address"
    "payment-methods"
    "lost-password"
    "customer-logout"

    2) How can we design "Shop", "Chart", "Checkout" pages in a Brizy way?

    If there is no way to do these designs with Brizy, we want to hear from your team that which plugins(working with Brizy) that we can use to edit these pages.

    We are very exited about build a e-commerce web site in Brizy way and waiting for your answers.

    Have nice day.

    1
  • Sandra Prunici
    • Edited

    Hi,

    1 - Account page - Yes, at the moment, we didn't release a particular video about how to design the Account page in Brizy but it is similar with videos we already released. As you see in the video tutorials, you have to indicate in the WooCommerce settings what page is the Account page https://jmp.sh/1pUbGrJ and after this, you have to go to that page https://jmp.sh/3bdBj3v and start editing it with Brizy builder. You can add the WooCommerce Pages element https://jmp.sh/t9WF4jE and from there select the "My Account" page https://jmp.sh/rSAbjI0.

    In the preview, when you will view this page (by the way, the page's name in my case is "Log-in page") with this element, you will be able to access the "orders", "downloads", "edit-address", "edit-address/billing", "edit-account", "edit-address/shipping/" and so on. See here and here. All of these pages will have the same design.

    2 - Shop page - for the shop page, you have to create a Brizy template where you have to add:
       2.1. the right display condition - Include -> Shop page from Product Archive https://jmp.sh/X9Uc71S don't forget to Publish the template;
       2.2. the right element inside the template - Archive element https://jmp.sh/5gnJHZo that you can customize how you want. Don't forget to update the template.

    3 - Cart page and Checkout pages can be edited with Brizy in the same way as the My account page.

    Best regards,
    Sandra

    0
  • Tekin Yaşar

    Hi again Sandra;

    Thank you for your detailed answer. We are so appreciated. 

    At this moment, what we are looking is how to design this page element itself. As it seen here, https://jmp.sh/rSAbjI0 how can we change colors, fonts, icons and layout of this page? As we experienced, it is not possible to modify page element itself with Brizy. 

    So is there any suggestion from your team for how can we edit these elements? (As we mentioned earlier, we are using blank templates. So we need to modify them.)

    Have nice day. :)

    0
  • Sandra Prunici

    Hi,

    I'm sorry but at the moment isn't possible to change the layout of the WooCommerce pages (Cart, Checkout, My account etc.). Regarding the styling (typography and colours) - at the moment they are imported from the theme settings. If you want to change them, I suggest to modify them from there. We will improve this aspect and will have more flexibility on this.
    Thanks!

    Best regards,
    Sandra

    0
  • Hanlie Richter

    Hi Sandra,

     

    I was wondering if there is any prediction to be able to edit WooCommerce pages. It would truly be a game-changer for Brizy!

     

    Best regards,
    Hanlie.

    0
  • Doina P

    Hello Hanlie,

    Thank you for your message!

    There is no clear ETA for this but I will try to push this more to the developers. Till then, if you have any issues or questions, feel free to ask! We will be happy to help.

    Kind regards,

    Doina

    0
  • Andrew Dyer

    Hello, I'm having trouble editing my woocommerce dashboard to look right and im trying to find how I can connect it to accounts order history and make it so I can customize it on the page. I'v looked all over the internet, wasn't able to find anything. most people when putting the my account page in brizy already have a base line design. Mine is just basic and not functional. Can you help me and get me in the right place ?

    0
  • KC George

    Hi Andrew

    Please take a look at this video for the procedure to design My Account page using Brizy. Try following this procedure and if you are not able to make progress, please get back to us. We will further guide you 

    https://www.loom.com/share/f76122a023a74ce086a3c077cf164e97

    0
  • Andrew Dyer

    Hey yes im aware how to put it on brizy. My problem is the my account dashboard isn’t working? See in my screen shot how its not designed and the buttons dont work. Where in woocommerce do i have to go to fix this ?

    0
  • KC George
    • Edited

    Hi Andrew

    Please check if you have setup Woocommerce pages correctly.  At the WordPress dashboard, under Woocommerce - Settings- Advanced tab, check if you have assigned the right page for My Account. https://jmp.sh/tO1nD9g

    You will see the Page name and the page ID in brackets. Check if that is the right page. If not, click on the "x' mark and type the name of your 'My Account' page and select the right page. For more details, you can refer to this page https://woocommerce.com/document/woocommerce-pages/

    0
  • Andrew Dyer

    thanks for getting back, I took the steps to get the woocommerce setup. I selected the right page and im still getting the same error. I deleted the dashboard page and made a new one. still getting the same error. Anything else I can do to make this work ? 

     

    0
  • KC George
    • Edited

    Hi Andrew

    As you might know, Brizy does not offer design integrations and customizations for Wocommerce pages like Cart, Checkout and My Account; but relies on your theme to handle it for you. Since you are still getting non formatted My Account page, I am wondering if you are using a theme which does not offer woocommerce design customizations.

    To confirm this, please try changing to a theme which offers woocommerce integration like the ones mentioned below

    0

Please sign in to leave a comment.

Didn't find what you were looking for?

Ask a Question