New to the community? Start here

Editing Pro Sites checkout page with Elementor

How can i edit the checkout page using Elementor PRO? it show a blank page when i edit it with elementor. thanks

Tue, 17 Jul 2018 13:50:31
  • Adam
    • Support Gorilla

    Hello Ian Andrew Macalisang

    I hope you’re well today and thank you for your question!

    The checkout page content is dynamically created by the plugin and when you are trying to edit it with some visual editor there’s “nothing to output” there. However, that should only apply to pricing tables, signup form etc. The page itself should be displayed and you should be able to e.g. add some text to it. I have just tested it and it does work this way.

    Are you saying that you’re getting literally a blank page with nothing on it and you can’t even add an image or a text? Or do you mean that you can’t edit how pricing tables look like or the signup form?

    Let me know please :slight_smile:

    Best regards,

    Adam

  • andyware012
    • Flash Drive

    it shows the elementor canvas only. i was planning to edit it using elementor via shortcode so i can give it proper container on my page but i have read in other threads here that the pricing table doesnt have shortcode. can you advice me on ways to make it in elementor as im new to wp and i think i subscribed in the right place.

  • Adam
    • Support Gorilla

    Hello Ian Andrew Macalisang

    Thank you for this additional explanation.

    I’m afraid it’s not possible currently to create pricing tables and/or signup form for Pro Sites in Elementor. What you can do is edit the checkout page using Elementor in that sense that you can create a layout of entire page, add all the “non-pro sites” elements there (texts, images, sliders if you wish and so on). That would let you make that page match the rest of your site and your expectations in most part.

    Then Pro Sites will “inject” its Pricing Tables/signup forms into the “content” part of the page, under the “page content” that you put there and you can further customize these Pricing Tables in two ways:

    1. Go to the “Network Admin -> Pro Sites -> Pricing Tables” page an there are 3 sections where you can affect the layout and look of the pricing tables themselves.

    2. If that is not sufficient, further styling can be done with additional CSS.

    Depending on how you would want these pricing tables/form to look like, that might be possible to achieve with just options from point 1 or with some simple additonal CSS but if the changes in design are significant, it might require quite a bit of custom CSS so you might need to consider hiring a CSS pro. You can post a job request/question on our “Jobs & Pros” job board here (please note: no WPMU DEV staff there!):

    https://wpmudev.com/wordpress-development/

    With some minor CSS styling we can help you here as well, just let us know.

    Kind regards,

    Adam