var imageURL = 'ENTER_URL_HERE';
$('.main-Content > .container').prepend('<img id="banner-image" src="' + imageURL + '" style="width:100%"/>');
View Source Code
Checkout Flows
Header Template
Checkout Flow Header Template
![](https://socialgoodsoftware.com/wp-content/uploads/2021/05/banner-template-1-1024x225.jpg)
How to create a checkout flow
How to enable Checkout Flows with Altru
Before getting started
- You must have an account with Altru
- You must have an account with the Social Good Software
Step 1: Login into Altru and click on the web tab.
![](https://socialgoodsoftware.com/wp-content/uploads/2019/12/Screen-Shot-2019-12-11-at-3.44.18-PM.png)
Step 2: Open the page designer in the web tab.
![](https://socialgoodsoftware.com/wp-content/uploads/2019/12/page-designer-altru.png)
Step 3: Get to the page designer section by clicking on the next two times.
![](https://socialgoodsoftware.com/wp-content/uploads/2019/12/next-1.png)
Step 4: Scroll to the bottom of the page designer and click on the gear to open the page designer.
![](https://socialgoodsoftware.com/wp-content/uploads/2019/12/config.png)
Step 5: Open the HTML code window.
![](https://socialgoodsoftware.com/wp-content/uploads/2019/12/view-1.png)
![](https://socialgoodsoftware.com/wp-content/uploads/2019/12/view-2.png)
Step 6: Copy and paste the code from the Social Good Software.
![](https://socialgoodsoftware.com/wp-content/uploads/2019/12/checkout-flows.png)
![](https://socialgoodsoftware.com/wp-content/uploads/2019/12/embed.png)
![](https://socialgoodsoftware.com/wp-content/uploads/2019/12/copy-code.png)
Once you copy the code you will want to paste it inside of Altru.
![](https://socialgoodsoftware.com/wp-content/uploads/2019/12/view-4.png)
![](https://socialgoodsoftware.com/wp-content/uploads/2019/12/view-5.png)
![](https://socialgoodsoftware.com/wp-content/uploads/2019/12/view-3.png)
That’s all their is to set up your checkout flows. You only have to this once, after the initial setup you won’t have to do these steps.