While SureCart offers highly customizable WordPress blocks for the customer dashboard, there are users that prefer to do everything in their page builder of choice. In this case, Bricks Builder
To make this possible, we have introduced the following shortcodes that you can easily add to Bricks Builder.
Customer dashboard with Bricks Builder
The customer dashboard shortcodes must be added to the WordPress page that SureCart has assigned as your customer dashboard page. They need to exist here because we redirect users here from emails.
If you set up a separate customer dashboard page, emails will still redirect to the one that’s set as the “Customer Dashboard” page.
Once you have visited the customer dashboard page, you will want to edit the page with Bricks Builder.
Add this shortcode block to your Bricks layout.
Past in the following shortcode.
[sc_customer_dashboard_page] [sc_customer_orders title="My Orders"] [sc_customer_subscriptions title="My Subscriptions"] [sc_customer_downloads title="My Downloads"] [sc_customer_payment_methods title="My Payment Methods"] [sc_customer_billing_details title="My Billing Details"] [sc_customer_wordpress_account title="My Account Details"] [/sc_customer_dashboard_page]
Here is what it should look like.
You can also get creative with the shortcode and just show parts of the dashboard. I have modified the below shortcode to just show the orders and downloads.
[sc_customer_dashboard_page] [sc_customer_orders title="My Orders"] [sc_customer_downloads title="My Downloads"] [/sc_customer_dashboard_page]
This time I will place it inside of the tabs block.
Order confirmation with Bricks Builder
This is for making custom thank you pages and will allow you to display the order data anywhere on the page.
Everything must be wrapped inside a sc_order_confirmation shortcode. This component passes order data into the individual components.
[sc_order_confirmation] Please check your inbox for more instructions. [sc_order_confirmation_line_items] [sc_customer_dashboard_button]Go To Dashboard[/sc_customer_dashboard_button] [/sc_order_confirmation]