Multiple Order Forums On Client Portal

[Daniel B]

Updated to the version 3.2 Portal!

 

I believe that Paul mentioned somewhere that they are currently working on a better method for allowing clients to place multiple orders (domain + hostng, etc) from one order page...but until then, I figured I would share my portal page edits with everyone.

 

This rearranges things a little bit, and then adds a separate link for different order forms...to allow clients to pick which one they want directly from the portal page.

 

(in this example, the Register link will be whatever you set as the default order form...so I would suggest creating a registration order form for this).

 

You can of course add in as many order forms as you want, it should be fairly obvious how to do so if you read the code...however, if anyone has any trouble, I'm happy to help generate the needed code for your specific situation .

 

End Result:

 

 

In order to implement this:

 

Go to Settings > Plugins > Manage Portal

 

the replace the Index Page Content with the below:

(you will need to edit the direct links to each of your order forums, the example below is for my site...you'll have different links)

 

    {% if plugins.order %}<div class="col-md-4 col-sm-6 portal-box">
        <a href="{blesta_url}order/">
            <div class="well">
                <i class="fa fa-cogs fa-4x"></i>
                <h4>Register</h4>
                <p>Don't have an account?  Create one now.  Or you can create one while ordering a package later.</p>
            </div>
        </a>
    </div>{% endif %}
    <div class="col-md-4 col-sm-6 portal-box">
        <a href="{client_url}login/">
            <div class="well">
                <i class="fa fa-cogs fa-4x"></i>
                <h4>My Account</h4>
                <p>Have an account with us? Log in here to manage your account.</p>
            </div>
        </a>
    </div>
    {% if plugins.support_manager %}<div class="col-md-4 col-sm-6 portal-box">
        <a href="{client_url}plugin/support_manager/client_tickets/add/">
            <div class="well">
                <i class="fa fa-ticket fa-4x"></i>
                <h4>Support</h4>
                <p>Looking for help? You can open a trouble ticket here.</p>
            </div>
        </a>
    </div>{% endif %}
    {% if plugins.download_manager %}<div class="col-md-4 col-sm-6 portal-box">
        <a href="{client_url}plugin/download_manager/">
            <div class="well">
                <i class="fa fa-download fa-4x"></i>
                <h4>Download</h4>
                <p>You may need to be logged in to access certain downloads here.</p>
            </div>
        </a>
    </div>{% endif %}
    {% if plugins.order %}<div class="col-md-4 col-sm-6 portal-box">
        <a href="{blesta_url}order/main/packages/shared/?group_id=1">
            <div class="well">
                <i class="fa fa-shopping-cart fa-4x"></i>
                <h4>Order Shared Hosting</h4>
                <p>Start your presence on the web, order a web hosting package today!</p>
            </div>
        </a>
    </div>
    <div class="col-md-4 col-sm-6 portal-box">
        <a href="{blesta_url}order/main/packages/reseller/?group_id=2">
            <div class="well">
                <i class="fa fa-shopping-cart fa-4x"></i>
                <h4>Order Reseller Hosting</h4>
                <p>Shared hosting not enough for you, need to host your own clients?  A Reseller plan will be perfect.</p>
            </div>
        </a>
    </div>
    <div class="col-md-4 col-sm-6 portal-box">
        <a href="{blesta_url}order/config/preconfig/domains">
            <div class="well">
                <i class="fa fa-shopping-cart fa-4x"></i>
                <h4>Order a Domain Name</h4>
                <p>It's always good to have your own place on the net...so get your domain before someone else does.</p>
            </div>
        </a>
    </div>{% endif %}

Edited June 6, 2014 by Daniel B

[Michael]

Love it mate, thanks for sharing will help alot of people.

[Tyson]

Looks good. 1 minor improvement that could be made is to remove the redundant last three order plugin endif and if-statements:

{% endif %}{% if plugins.order %}

[Daniel B]

good point, copy/paste fail

 

edited

[SurgeNetwork]

I found this to be very helpful, thanks Dan :-)

[Daniel B]

delete

[Alex Vojacek]

I did this on my portal and had time to customice it.

 

The portal is incredible powerful as it lets you use html,  something I shocked hostbill didn't allow.

 

You can pretty much put anything on the portal page.

 

take a look

https://clients.elysiumservers.com

[EidolonHost]

The only issue I have with that is... if you try to use the register link as described here, it simply does not... work. How does one find the register link to stick onto the portal?

[Michael]

The only issue I have with that is... if you try to use the register link as described here, it simply does not... work. How does one find the register link to stick onto the portal?

 

You need a order form with the type: Client Registration.

[EidolonHost]

You need a order form with the type: Client Registration.

 

-facepalms- I should've realized that. Thanks for the pointer.

 

Changed my portal about to look much better. Man, I keep forgetting how customizable Blesta is... WHMCS is not exactly as easily customizable, really. Thanks for the guide to customizing the portal.

[Cody]

-facepalms- I should've realized that. Thanks for the pointer.

 

Changed my portal about to look much better. Man, I keep forgetting how customizable Blesta is... WHMCS is not exactly as easily customizable, really. Thanks for the guide to customizing the portal.

 

This is only the beginning.

[MemoryX2]

This is only the beginning.

 

I can't wait!

[RebornWebs]

Great work

[obakfahad]

Thanks a lot.

[Daniel B]

I have updated this to Blesta 3.2, bootstrap compatible

[RockIsland]

Awesome! This will solve the issue I'm having with order forms. Thanks Daniel!

[Daniel B]

Awesome! This will solve the issue I'm having with order forms. Thanks Daniel!

 

Not a problem at all, your issue is what made me remember to update it .

 

If you need any help getting it setup for your site, let me know.  Should be pretty straightfoward to edit the appropriate links though.

[tenaki]

Many thanks for this, saved a lot of time for me

 

I have just made a few style changes https://campsitehosting.com/services/

[mattd28]

Im trying to get the client registration page working from the default register link in your template may I ask what I do here as I am totally new at this

[Michael]

Im trying to get the client registration page working from the default register link in your template may I ask what I do here as I am totally new at this

 

Packages > Order form > Type: Client Registration.

[mattd28]

I am not seeing this in my Admin panel once I get to the orderform area am I missing something ?

[Daniel B]

I am not seeing this in my Admin panel once I get to the orderform area am I missing something ?

 

Admin > Packages > Order Forms > Add new form 

 

right after Name and Label you have "Type", change this to client registration.

 

quick video just in case: http://screencast.com/t/L2Bdn5JPyB

[franksidebottom]

Hi,

 

I'm playing around with this code on my site (new to Blesta) and trying to rearrange the portal boxes, but every so often I stumble upon an error where the home page simply will not load. As far as I know I am copy and pasting the correct sections of code, or am I?

 

Is it normal behaviour for errors in the portal plugin code to trigger this type of error?

[Tyson]

Hi,

 

I'm playing around with this code on my site (new to Blesta) and trying to rearrange the portal boxes, but every so often I stumble upon an error where the home page simply will not load. As far as I know I am copy and pasting the correct sections of code, or am I?

 

Is it normal behaviour for errors in the portal plugin code to trigger this type of error?

 

The screenshot you included indicates the error is with the tags you are using in the portal. i.e. you have a {% if .... %} tag but no subsequent {% endif %} tag that follows it. It's important to ensure the tag syntax is valid.