The Manufacturing Landing Page is an ungated, low complexity template that focuses on lead generation. Image backgrounds and a variety of different interactive elements keeps this page dynamic and encourages the viewer to explore the content. This template includes lightbox video, odometers, and reveals. Viewers can learn more about the brand by clicking into the different resources in this experience. At the end of the experience, the viewer can download an asset by filling out a form. 

  • Type: Landing Page
  • Complexity: Medium
  • Use case: Brand Awareness

Features available

Here are the major features, abilities, and interactive elements used in this template.

  • Animations
  • Flow
  • Form
  • Lightbox
  • Odometer
  • Reveal

How-to use

Here is a helpful guide on how to handle all the major features, abilities, and interactive elements available to make the most out of this template.

>> Framing screenshots

Animations

Step 1: Select the element that you wish to animate.

Step 2: Under the Animation panel, choose the type of animation trigger.

Step 3: From the list of animations, select the desired animation

Step 4: To remove an existing animation, click the X next to the animation tag under the animation panel.

Flows

Step 1: To update the content within your Flow, begin by selecting it on the canvas.

Step 2: Within the Flow, locate the first Flow Step at the top. You can edit the contents within the container, add content, or remove all of the content from the Flow Step.

Step 3: You can choose to add a navigation style by expanding the Micro-themes tab. 

Step 4: Open the category dropdown and select the Flow microtheme.

Step 5: After choosing the Flow Microtheme, another dropdown will appear where you can choose from a list of sub-category options.

Step 6: You can choose the behavior between the flowsteps by clicking back into the Flow element. Choose the Flow micro-theme and select the All Steps category in the dropdown menu to select the behaviors between the flow steps. 

Form

Step 1: To edit the different Form inputs, select one of the Textboxes. 

Step 2: Under the Variables panel, click the Data field link to open up the list of data fields.

Step 3: Choose your data field then press OK.

Lightbox

Step 1: To edit the Lightbox, begin by selecting it on the canvas. 

Step 2: Edit the settings by expanding the Content tab. Here you can edit the type of content the Lightbox will open. 

Step 3: In this example, the Lightbox is opening a URL. Click into the URL to edit the actions. The action is currently set to go to the Video lightbox page in the creative. 

Step 4: You can edit the design of the lightbox by clicking into the Design tab. A list of design settings can be adjusted here such as the size of the lightbox window, the animation type and so on. 

Reveals

Step 1: To change the Reveal settings, begin by selecting it on the canvas. This will open the reveal settings under the Variables panel. 

Step 2: You can choose the Reveal type and the Reveals when settings along with the Position and assign Tags when revealed. 

Step 3: To edit the transition style, open the Micro-themes dropdown and select Reveal.

Step 4: Then select the transition type from the list.  

Step 5: You can choose to remove the Micro-theme by pressing on the X next to the micro-theme tag. 

Odometer 

Step 1: To edit the numbers on the Odometer, begin by double clicking into the text element on the canvas, to open the edit tools.

Step 2: Inside the edit toolbox, click on the Source button. 

Step 3: Change the “data-val=” number between the double quotations to your desire then press OK.

Content Writing Template

Here is the content structure’s template to make it easier for you when providing content guidelines or creating the copy for this template, from understanding the content structure to getting to know the amount of words needed to each text piece.

Related templates

If you like this template, you might want to check out these other similar models.

Have a question?

Still have questions or are facing troubles when handling this template? Please do not hesitate to send any additional questions to [email protected], so we can make sure to have this article constantly up to date.

Share this: