Did you know that you can install DELAVO multiple times in the same domain name?

For example, if your domain is myaccountlogin.info, you can install DELAVO at

  • myaccountlogin.info/sales
  • myaccountlogin.info/bar (for operating a “virtual coffee” bar, where customers can tip you for your services)
  • myaccountlogin.info/clouds (for operating a review-like site by using the Plugins/Clouds’ functionality)
  • myaccountlogin.info/biolinks (for operating a site, that would allow your customers to create one-page sites with all links to their websites – something like Koji)
  • myaccountlogin.info/links (for operating a members only Links’ Directory by using Plugins/Links directories, where members can add their links,)
  • etc.

Installing DELAVO in different directories is easy. Just repeat the installation process for each instance and make sure to use a different MySQL database and user.

It applies to version 2.xx

Every website needs an index.html page. Browsers detect the index.html page inside a directory and open it automatically. Every product for sale needs a website, ie. a collection of images, scripts AND an index.html page. And every PLR product or any product you get with resale rights, always comes with a website and an index.html page within the “website” folder.

The easiest way to sell a product with DELAVO is to upload the index.html and it’s website elements to a directory in your server, add the order link in the index.html and start selling. That’s how you can facilitate the sales of unlimited products either they are located in domain X, domain Y or any other server. With DELAVO you are in control.

OR…

Use ANY index.html and integrate it in your Package’s template.

There are a few benefits for doing that; the most important benefit is that you do not need to “parse” the order link. Another benefit is that you can use “custom fields” inside the code, that in turn will reflect the information of your affiliates in the sales letter. You can’t use User/Custom Fields in pages resided outside DELAVO.

How to integrate ANY index.html file within DELAVO?

First of all, you need to remember the flow of the Package’s templates. Each Package comes with specific templates for the pages DELAVO will use:

  • the Squeeze page
  • order page 1
  • order page 2
  • the thank you page
  • and the template for the “Promotional materials,” ie. the information to display to the affiliates of a specific Package.

The template we’ll use for our trick is the one of the “Squeeze page.”

And since DELAVO requires the existence of the form’s code in that template, the first thing we have to do is to empty the template from any other code apart from the form’s code. And then, we make the form’s code “invisible” by commenting it. That way, DELAVO can “see” it inside the template, but it will not display it at all.

First check the box “Customize” next to the Squeeze page’s template, and click on the “Edit page” button:

Next, uncheck the box next to “HTML Editor”

Package - uncheck the HTML editor

Once done, you will see the code of the Squeeze page.

As discussed, we need to make that code “invisible,” and “commenting” the code is how this is done. To comment any piece of code you need to add <!– in the beginning of the code you want to hide and –> in the end of it. Let’s see it done:

That’s it.

Now we have an empty template and we can use ANY HTML file to “dress” that page in any way we like. That means we can use ANY HTML file.

Before doing so, allow me to refresh your memory with some HTML 101 you need to remember when editing the code of a DELAVO template.

Each HTML page starts with this line:

<!doctype html>

That line “tells” the browser “hey… this is an html file.”

The second line starts with

<html>

Why?

When the browser gets the message with the first line, that the file is an HTML code, it needs to verify that. It’s like asking the page: “An HTML page, eh? Where is the html tag?”

And that’s why we add that tag right in the beginning to PROVE to the browser it has to deal with an HTML page.

Now before proceeding with the code, relax and visualize the HTML page, like a human that has a HEAD and BODY. For now, we’ll forget that humans have hands and feet 🙂 – the HTML page does not have any <hand> or <foot> tag. 🙂 But it does have a head and a body. 🙂

Simply put it, in the head of the page we add what we do not want to display online, but want to pass to the search engines, plus some extra code for tracking the behavior of the visitor, like Analytics, Facebook pixel, etc.

Accordingly, in the body of the page we add what we want to display online.

Another thing to remember is this:

Almost all HMTL tags are pairs (like “twins”) that “surround” code. Since each pair “does” something, what each pair does to the code it “sourands” depends on the character of that pair.

Back to our head and body of the page.

The head of the page starts with this pair:

<head>

…any code here

</head>

After the head comes the body. The body of the page starts with this pair:

<body>

…any code here we want to display online…

</body>

Lastly, the final code you will see in all HTML pages are simply the other twin of the tag we first use:

</html>

Remember? Almost EVERY HTML tag is like twins. They surround a code with <tag_here> in the beginning and </tag_here> in the end of it.

That’s why the </html> tag comes as a “finale” to tell the browser “That was it. We finished.”

To summarize, each HTML file has the following structure:

<!doctype html>
<html>
<head>
...code here
</head>
<body>
...code here
</body>
</html>

Easy?

Back to our DELAVO Squeeze page’s template.

DELAVO’s templates come with the basic sections of the HTML file separated to make the editing easier for you.

That means, when editing the Package’s templates:

  • there is a specific section for the HEAD of the page
  • there is a specific section for the BODY of the page,

and you do not need to use the following tags when editing the template:

<!doctype html>
<html>
<head>
...code here
</head>
<body>
...code here
</body>
</html>

Let me show you where are the “head” and the “body” sections:

With that knowledge, you can chop the code of an HTML page, and insert the HEAD’s and the BODY’s code in the corresponding sections.

The last, and most important, thing you need to remember is this:

Any LINK in the code must be a COMPLETE link.

A “complete” link is the link that includes the full path of the link.

As noted above…

Every product for sale needs a website, ie. a collection of images, scripts AND an index.html page. And every PLR product or any product you get with resale rights, always comes with a website and an index.html page within the “website” folder.

Inside the index.html page’s code there are links to display the images for example. Inside the HEAD of the page there are links to javascript files that control the style of the page. Inside the page there are links to the legal documents we need to display on each page/sales letter.

Those links must be complete.

They need to include the full URL in such a way that if you paste the link in the address field of your browser and hit enter, the browser will display the content of the link and it will not return an error that “it cannot find” anything.

Here are some examples:

  • <a href=terms.html>Terms</a> <= this is NOT a complete link.
  • <a href=https://myaccountlogin.net/terms.html>Terms</a> <= this IS a complete link.

Assuming that your domain is myaccountinfo.com and the terms.html file resides in the /root of your site, then you can easily understand the difference between a complete and an incomplete link.

Similarly, inside the HEAD section of the page, where we add links to files that control the style of the page, we may see links like the following ones:

<link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css?4644">
<link rel="stylesheet" type="text/css" href="style.css?4401">

Whenever you see href=”…somethinghere” is a link. Hence you must make that link complete.

How to do that?

We’ll see this in action below.

First let’s see the contents of a website – the contents may vary from a website to a website, however there are some standard folders and files coming in the majority of the cases.

Here is an example:

This is the most common example of the contents a website has.

If you understand something, you feel no “fear” so allow me to explain what each folder/file does in brief:

  • the “css” and “js” folders control the style of the page
  • the “img” folder includes all the images to be displayed
  • the style.css file “calls” specific elements from the “css” and “js” folders, and the style.css per se is called by the HEAD of the page, to tell the browser where the “style controller” is,
  • the “favicon.png” is the icon to display in the tab of the browser, so to distinguish our page from any other open tabs the user may have, and
  • the index.html is “our file” and inside is the code we’ll use. THAT index.html page “calls” ALL the elements of the website with LINKS to them, ie. you will see a link to the favicon.png, to the style.css file and to the rest of the folder. THOSE are the links that must be COMPLETE.

I’ll repeat this because it’s crucial:

THAT index.html page “calls” ALL the elements of the website

If you consume all the above, you can easily understand that you can get ANY index.html page and use it with DELAVO. You do not need to get limited to specific templates. If you can create website, then even better. Since ALL the elements of the website are CALLED from inside the index.html file, you need to

  • upload the elements of the website in a directory
  • edit the links in the index.html

Back to our Squeeze page’s template.

Let’s experience the transformation of that template to a fully working sales letter.

For the needs of our example, we’ll use the website that sells the “How to Build Automated Marketing Funnels That Make You Money” package.

In fact, the contents of the website used as an example above, are the contents of that package.

Per our instructions, we need to upload the elements of the website on the server, and use the code of the index.html page. That’s how we start.

First, zip everything and upload the contents online. You may watch this tutorial on how to create a directory on the server, upload a zip file and extract its contents in it.

In our example, we’ll upload all files inside the directory myaccountlogin.net/016, hence all links inside the index.html file must start with that path.

Then open the index.html file in a text editor. We need to make sure all links to files and pages are COMPLETE.

We start with the HEAD, ie. the code that exists between <head>…</head>

<link rel="shortcut icon" type="image/png" href="favicon.png">
<link rel="stylesheet" type="text/css" href="./css/bootstrap.min.css?3001">
<link rel="stylesheet" type="text/css" href="style.css?5988">
<link rel="stylesheet" type="text/css" href="./css/animate.min.css?9725">
<link rel="stylesheet" type="text/css" href="./css/all.min.css">

Since all files have been extracted in myaccountinfo.com/016, all links must include that path. Hence, we change them as follows:

<link rel="shortcut icon" type="image/png" href="https://myaccountlogin.net/016/favicon.png">
<link rel="stylesheet" type="text/css" href="https://myaccountlogin.net/016/css/bootstrap.min.css?3001">
<link rel="stylesheet" type="text/css" href="https://myaccountlogin.net/016/style.css?5988">
<link rel="stylesheet" type="text/css" href="https://myaccountlogin.net/016/css/animate.min.css?9725">
<link rel="stylesheet" type="text/css" href="https://myaccountlogin.n et/016/css/all.min.css">

Once done, we add the code in the HEAD section of our Squeeze page’s template.

Next, we need to include the full path https://myaccountinfo.com/016/ in the code between the <body>…</body> tags, where ever a link exists.

Some examples:

This code

<img src="img/lazyload-ph.png" data-src="img/TLM016_PDF.png" class="img-fluid img-rd-lg img-protected mx-auto d-block lazyload" alt="PDF"/>

…changes to this one:

<img src="https://myaccountlogin.net/016/img/lazyload-ph.png" data-src="https://myaccountlogin.net/016/img/TLM016_PDF.png" class="img-fluid img-rd-lg img-protected mx-auto d-block lazyload" alt="PDF" />

Here is another example; this code

<a href="" target="_blank">Terms of Use</a>

…changes to this one

<a href="https://turboleadmagnets.com/legal/Terms_and_Conditions.html" target="_blank">Terms of Use</a>

Don’t get confused here.:)

We can include links to ANY html page, hence there is no need to create a new “Terms of Use” page for using it with our sales letter. We can simply use the existing legal pages of the related side. In our examples, the package is available at turboleadmagnets.com and this is why we include the links to that site’s legal pages in the code.

And finally, near the bottom; this code

<script src="./js/bootstrap.bundle.min.js?4135"></script>
<script src="./js/blocs.min.js?153"></script>
<script src="./js/lazysizes.min.js" defer></script>
<script src="./js/universal-parallax.min.js?2527"></script>
<script src="./js/scrollFX.js?4235"></script>

…changes to

<script src="https://myaccountlogin.net/016/js/bootstrap.bundle.min.js?4135"></script>
<script src="https://myaccountlogin.net/016/js/blocs.min.js?153"></script>
<script src="https://myaccountinfo.com/016/js/lazysizes.min.js" defer></script>
<script src="https://myaccountlogin.net/016/js/universal-parallax.min.js?2527"></script>
<script src="https://myaccountlogin.net/016/js/scrollFX.js?4235"></script>

Once you’re are done with all links, you can copy all the code between the tags <body> and </body> and paste it in the textarea.

Or before doing that, you can get the Package’s “Order page” link and include it in the copy. And then copy the code and paste it in the textarea, right before the existing code.

Save the changes.

What’s next?

As usual, you should create a Product record and attach it to the Package.

You can see the final result at

https://delavodemo.com/2/46py/

What you see above is the Package Squeeze’s page link. 🙂

Note: there is no Product attached in that Package, since it has been used for our example only.

Now that you can use ANY HTML page as a template with the Packages’ Squeeze page… and since you can add “Custom fields” inside the Squeeze page…. can you visualize the following scenario?

  • You create a product and sell it with resale rights.
  • Resellers should login to your DELAVO to include their full name, their photo and their order link in the Squeeze page, so they can sell the products and keep the money in their pocket.

Can you figure out how can this be done? 😉