
lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostr navigation et dolore magna aliqua.


George Apostolov

John Doe

Mark Dinn

<LiveDemoIframe src={"https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/6929ff267dd0e157abed8e7e/preview?step=1&embed"}/>

 
<h2>Guide</h2>

<ol>
 <li>Log in to Zapier, click "Create", and select "Zaps" to begin.</li>
 <li>Click "Trigger."</li>
 <li>Search for Unbounce and select it.</li>
 <li>Choose a trigger event, such as "New Form Submission".</li>
 <li>Connect your Unbounce account.</li>
 <li>Select the landing page form you want to use.</li>
 <li>Run a test to ensure Zapier detects the form submission correctly.</li>
 <li>Add HubSpot as the Action App.</li>
 <li>Select an action event, such as "Create Contact" or "Update Contact".</li>
 <li>Connect your HubSpot account.</li>
 <li>Choose the HubSpot list or pipeline where new contacts should be added.</li>
 <li>Run a test to verify that Unbounce form submissions are correctly added to HubSpot.</li>
 <li>Click "Publish" to activate your Zap. </li>
</ol>

Connect Unbounce to HubSpot using Zapier

<LiveDemoIframe src={"https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a010c243f01ed60a4eb64/preview?step=1&embed"}/>

 
<h2>Guide</h2>

<ol>
 <li>On Unbounce's main dashboard, head over to the left-side panel and click 'Domains'.</li>
 <li>After that, click 'Connect a Custom Domain' in the top-right corner.</li>
 <li>Prepare the custom domain you want to use, then type it into the provided input field.</li>
 <li>Once done, click 'Connect Domain'.</li>
 <li>Unbounce configures the domain automatically. To proceed, click 'Continue'.</li>
 <li>Provide the user credentials of your domain registrar. Enter them one by one into their respective input fields.</li>
 <li>Finally, click 'Continue' to establish the connection and add the selected custom domain to your Unbounce account.</li>
</ol>

How to Add a Custom Domain in Unbounce

<LiveDemoIframe src={"https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a0125243f01ed60a4ed9c/preview?step=1&embed"}/>

 
<h2>Guide</h2>

<ol>
 <li>Inside Unbounce's page editor, head over to the right-side panel and click the 'Page' tab.</li>
 <li>After that, find 'Favicon' under the Title and Meta Data section and then tap 'Change Image'.</li>
 <li>Click 'Upload New Image' and select the photo you want to use.</li>
 <li>Subsequently, click 'Choose'.</li>
 <li>After completing these steps, the selected favicon will be added to your Unbounce page.</li>
</ol>

How to Add a Favicon in Unbounce

<LiveDemoIframe src={"https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a012a243f01ed60a4ee23/preview?step=1&embed"}/>

 
<h2>Guide</h2>

<ol>
 <li>Inside Unbounce's page editor, find and select a text element.</li>
 <li>After that, go to the right-side panel and click 'Font'.</li>
 <li>Click the 'Family' drop-down menu to proceed.</li>
 <li>Subsequently, click 'Add/Remove Font'.</li>
 <li>Find the specific font you want to add, then click its corresponding 'Add' button.</li>
 <li>Once done, click 'Done' to apply the changes.</li>
 <li>After completing these steps, the selected font will be added to the choices. You can now use it when you create Unbounce pages.</li>
</ol>

How to Add a Font in Unbounce

<LiveDemoIframe src={"https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a01b8243f01ed60a4f920/preview?step=1&embed"}/>

 
<h2>Guide</h2>

<ol>
 <li>On Unbounce's main dashboard, tap the 'Upload a Page' button.</li>
 <li>Following that, click 'Choose File' and select the page you want to add as a template.</li>
 <li>Once done, click 'Upload'.</li>
 <li>After completing these steps, the Unbounce page from your local storage will be added to your workspace as a new template.</li>
</ol>

How to Add a Template to Unbounce Workspaces

<LiveDemoIframe src={"https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a2cd7a98365d0865702ad/preview?step=1&embed"}/>

 
<h2>Guide</h2>

<ol>
 <li>On Unbounce's main dashboard, head over to the left-side panel and click 'Settings'.</li>
 <li>Choose 'Captcha' from the list of options.</li>
 <li>After that, find the domain where you wish to apply this feature and then switch on the toggle button beside it.</li>
 <li>Once done, click 'Publish' in the top-right corner.</li>
 <li>Tap 'Publish' one more time to confirm your request.</li>
 <li>After completing these steps, Captcha will be applied to all the Unbounce pages under the selected domain.</li>
</ol>

How to Add Captcha to Unbounce Pages

<LiveDemoIframe src={"https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a2e84d673bd5aa8e60738/preview?step=1&embed"}/>

 
<h2>Guide</h2>

<ol>
 <li>Inside the Unbounce classic editor, select the section that contains the text property you want to edit.</li>
 <li>Under the Section tab, click 'Padding'.</li>
 <li>Configure the padding settings according to your liking. Simply enter a specific input for Top, Bottom, Left, and Right.</li>
 <li>After completing these steps, padding will be added to the selected section around the text property you want to edit.</li>
</ol>

How to Add Padding to a Text Property in Unbounce

<LiveDemoIframe src={"https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a2f11d673bd5aa8e61397/preview?step=1&embed"}/>

 
<h2>Guide</h2>

<ol>
 <li>On Unbounce's main workspace, head over to the left-side panel and click 'Settings'.</li>
 <li>Choose 'Script Manager' from the list of options.</li>
 <li>After that, click 'Add a Script'.</li>
 <li>Tap the drop-down menu to proceed.</li>
 <li>Subsequently, pick 'Google Tag Manager' from the choices.</li>
 <li>Enter your GTM container ID into the provided input field.</li>
 <li>Once done, click 'Add Script Details'.</li>
 <li>Find the domain you want to use, then tick the checkbox beside it.</li>
 <li>Once done, click 'Save and Publish Script' to continue.</li>
 <li>After completing these steps, the Google Tag Manager script will be added to the Unbounce pages under the selected domain.</li>
</ol>

How to Add the Google Tag Manager Script to Unbounce Pages

<LiveDemoIframe src={"https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a3093d673bd5aa8e63489/preview?step=1&embed"}/>

 
<h2>Guide</h2>

<ol>
 <li>On Unbounce's main dashboard, find and open a page.</li>
 <li>After that, click the 'Leads' tab.</li>
 <li>Select a lead from the list to view its details.</li>
 <li>After completing these steps, the IP address of the selected Unbounce lead will be displayed for viewing, along with other information.</li>
</ol>

How to Capture the IP Address of the Leads in Unbounce

<LiveDemoIframe src={"https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a354cab56e05a00fd9b57/preview?step=1&embed"}/>

 
<h2>Guide</h2>

<ol>
 <li>Hit Create &gt; Zap on the left sidebar.</li>
 <li>Click on the Trigger to define the trigger event.</li>
 <li>Select Unbounce from the listed apps.</li>
 <li>Select the Trigger event as New form submission.</li>
 <li>Click on Account to connect your Unbounce account.</li>
 <li>Sign in to your Unbounce account in the pop-up.</li>
 <li>Now, select your Action event.</li>
 <li>And search for Slack.</li>
 <li>As for the Action, choose Send channel message.</li>
 <li>Next, connect your Slack account if it's not connected.</li>
 <li>Finally, Publish to establish the connection.</li>
</ol>

Unbounce slack integration

<LiveDemoIframe src={"https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a3731ab56e05a00fdc785/preview?step=1&embed"}/>

 
<h2>Guide</h2>

<ol>
 <li>On Unbounce's main dashboard, head over to the top-right corner and click 'Create New'.</li>
 <li>After that, pick 'Landing Pages' as the Content Type.</li>
 <li>Browse the template selections, then choose one based on your preference.</li>
 <li>Subsequently, enter your preferred file name into the provided input field and click 'Start With This Template'.</li>
 <li>Tap the page element one by one and replace the fillers with the actual content you wish to add. For instance, you can insert text, image, video, and the like.</li>
 <li>Following that, go to the right-side panel and use the given options to customize the format of the selected element based on your preference.</li>
 <li>Navigate to the left-side panel and drag more elements onto the page if needed.</li>
 <li>Once all the necessary page elements are configured, switch the tab from Element to 'Page'.</li>
 <li>One by one, adjust the default settings to set up the page layout and format according to your liking.</li>
 <li>Review your landing page afterwards, then tap 'Save'.</li>
 <li>After completing these steps, your Unbounce landing page will be created.</li>
</ol>

How to Create a Landing Page in Unbounce

<LiveDemoIframe src={"https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a388eab56e05a00fde9a6/preview?step=1&embed"}/>

 
<h2>Guide</h2>

<ol>
 <li>On Unbounce's main dashboard, find and select the page you want to use.</li>
 <li>After that, tap the 'More Options' button in the top-right corner.</li>
 <li>Select 'Download' from the list of options.</li>
 <li>Subsequently, click 'Download Page' to confirm your request.</li>
 <li>Finally, open the email sent by Unbounce and tap 'Click Here to Download Your Page'. The copy of the selected page will be saved on your device. You can now use it as a pre-designed template and make other pages from it.</li>
</ol>

How to Create a Template to Reuse and Make Other Pages in Unbounce

<LiveDemoIframe src={"https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a3891ab56e05a00fde9fb/preview?step=1&embed"}/>

 
<h2>Guide</h2>

<ol>
 <li>Inside Unbounce's page editor, go to the top menu bar and click the 'Form Confirmation Dialog' tab.</li>
 <li>After that, navigate to the left-side panel and choose the element you want to use. Simply grab and drag it onto the page for further customization.</li>
 <li>For the text element, tap the widget and replace the fillers with the actual content you want to add.</li>
 <li>Subsequently, head over to the right-side panel and use the available options to customize the format of the content. For instance, you may edit the font-related settings, paragraph formatting, and more.</li>
 <li>Once done, click 'Save' to apply the changes.</li>
 <li>After completing these steps, your Thank You page will be created and added to your Unbounce campaign.</li>
</ol>

How to Create a Thank You Page in Unbounce

<LiveDemoIframe src={"https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a3bbaab56e05a00fe332b/preview?step=1&embed"}/>

 
<h2>Guide</h2>

<ol>
 <li>Inside Unbounce's page editor, find and select the element you want to use.</li>
 <li>After that, go to the right-side panel and scroll down to the Element Metadata section. From there, find and copy the provided ID.</li>
 <li>Select the button you prefer to use.</li>
 <li>Subsequently, tap the 'URL' input field under Click Action and then type a 'Number Sign' (#).</li>
 <li>Enter the ID of the selected element afterwards.</li>
 <li>Once done, click 'Save' to apply the changes.</li>
 <li>After completing these steps, the jump link will be created and added to your Unbounce page. When a reader clicks the button, the page will automatically show the section where the provided element ID is located.</li>
</ol>

How to Do Jump Links in Unbounce

<LiveDemoIframe src={"https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a3ce9ab56e05a00fe46f5/preview?step=1&embed"}/>

 
<h2>Guide</h2>

<ol>
 <li>Inside Unbounce's page editor, head over to the left-side panel and drag the 'Embed Video' widget onto the page.</li>
 <li>After that, paste the video embed code into the provided entry box.</li>
 <li>Once done, click 'Save Code' to proceed.</li>
 <li>Grab the newly added widget, then move it to your desired position.</li>
 <li>After completing these steps, the video will be embedded on your Unbounce page.</li>
</ol>

How to Embed a Video in Unbounce

<LiveDemoIframe src={"https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a3e9cab56e05a00fe6728/preview?step=1&embed"}/>

 
<h2>Guide</h2>

<ol>
 <li>Inside Unbounce's page editor, find and select the text element that contains the bullets you want to edit.</li>
 <li>Under the Element tab, go to the Paragraph section and choose the bullet style you want to use.</li>
 <li>After completing these steps, the bullets in your Unbounce page will be formatted according to your input.</li>
</ol>

How to Format the Bullets in Unbounce

<LiveDemoIframe src={"https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a3f16ab56e05a00fe6f82/preview?step=1&embed"}/>

 
<h2>Guide</h2>

<ol>
 <li>Go to the left-side panel and click 'Domains'.</li>
 <li>After that, find the custom domain you want to use and then click the 'More Options' button next to it.</li>
 <li>Choose 'CNAME Setup' from the list of options.</li>
 <li>Finally, the CNAME record for the selected Unbounce domain will be displayed for viewing. Tap 'Copy to Clipboard' to get a copy.</li>
</ol>

How to Get the Unbounce CNAME

<LiveDemoIframe src={"https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a3f4cab56e05a00fe730b/preview?step=1&embed"}/>

 
<h2>Guide</h2>

<ol>
 <li>Under the Desktop view of Unbounce's page editor, head over to the left pane and grab the element you want to use. Drag it onto the main workspace for further customization.</li>
 <li>After that, go to the right-side panel and use the given options to customize the element based on your preference.</li>
 <li>Once done, tap the 'Mobile' tab to proceed.</li>
 <li>Find the newly added element from the list under Contents, then click the 'Eye' icon beside it to hide the element on Mobile view.</li>
 <li>Following that, grab the same element and drag it onto the main workspace.</li>
 <li>Customize the design of the selected element using the available tools on the right-side panel.</li>
 <li>Once done, go back to the Desktop view.</li>
 <li>Find the newly added element you intend to show on Mobile view only, and then click the 'Eye' icon beside it.</li>
 <li>After completing these steps, the Mobile and Desktop views of your Unbounce page will have separate formatting. Repeat the same series of steps to add more elements as needed.</li>
</ol>

How to Have a Separate Formatting From Desktop to Mobile in Unbounce

<LiveDemoIframe src={"https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a3fedab56e05a00fe800a/preview?step=1&embed"}/>

 
<h2>Guide</h2>

<ol>
 <li>On Unbounce's main workspace, find and select the page you want to edit.</li>
 <li>After that, tap the 'Integrations' tab.</li>
 <li>Click 'Webhooks' to proceed.</li>
 <li>Subsequently, click 'Add Webhook'.</li>
 <li>Provide the URL where you wish to POST your form data to. Enter it into the provided input field.</li>
 <li>Following that, click the menus individually and configure them based on your preference.</li>
 <li>Once done, review your input and click 'Save Changes'.</li>
 <li>After completing these steps, the webhook will be inserted into the selected Unbounce page.</li>
</ol>

How to Insert a Webhook Into Unbounce Pages

<LiveDemoIframe src={"https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a4013ab56e05a00fe8244/preview?step=1&embed"}/>

 
<h2>Guide</h2>

<ol>
 <li>Inside Unbounce's page editor, go to the bottom section and click 'Javascripts'.</li>
 <li>After that, tap the 'Placement' menu.</li>
 <li>Choose 'Head' from the list of options.</li>
 <li>Subsequently, paste your Pixel base code into the provided entry box.</li>
 <li>Review your input, then tap 'Done'.</li>
 <li>After completing these steps, Meta Pixel will be installed on the selected Unbounce page. You can now monitor the page views and conversion rates when the page is shared on Meta platforms.</li>
</ol>

How to Install Meta Pixel on Unbounce Pages

<LiveDemoIframe src={"https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a4720ab56e05a00ff18fe/preview?step=1&embed"}/>

 
<h2>Guide</h2>

<ol>
 <li>Head over to the left-side panel, then click 'Apps'.</li>
 <li>Search for 'Unbounce' and then select it from the suggested results.</li>
 <li>Following that, click 'Add an Account' at the top-right corner.</li>
 <li>Tap 'Connect' afterwards.</li>
 <li>Provide your Unbounce user credentials and enter them into the provided input fields. </li>
 <li>Finally, click 'Sign In' to finish the process and activate the integration of your Unbounce and ActiveCampaign accounts.</li>
</ol>

How to Integrate Unbounce with ActiveCampaign

<LiveDemoIframe src={"https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a479dab56e05a00ff21c9/preview?step=1&embed"}/>

 
<h2>Guide</h2>

<ol>
 <li>On Unbounce's main workspace, go to the left-side panel and click 'Users'.</li>
 <li>After that, click 'Invite' in the top-right corner.</li>
 <li>Enter the active email address of the invitee into the provided input field.</li>
 <li>Subsequently, tick the radio button beside the Role you want to set.</li>
 <li>Once done, review your input and click 'Add User'.</li>
 <li>After completing these steps, the user will be invited to your Unbounce workspace.</li>
</ol>

How to Invite a User in Unbounce

<LiveDemoIframe src={"https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a484dab56e05a00ff320d/preview?step=1&embed"}/>

 
<h2>Guide</h2>

<ol>
 <li>Inside Unbounce's page editor, go to the left-side panel and grab the 'Custom HTML' element. Drag it onto the page for further customization.</li>
 <li>After that, paste the HTML code into the entry box to embed the POWR app and display your PDF file.</li>
 <li>Once done, click 'Save Code'.</li>
 <li>Find the element and finalize its look. For instance, you may resize widget or move it to your desired position.</li>
 <li>Once done, tap 'Save'.</li>
 <li>After completing these steps, the PDF file will be loaded into your Unbounce page.</li>
</ol>

How to Load a PDF File Into Unbounce Pages

<LiveDemoIframe src={"https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a49f4ab56e05a00ff4fbe/preview?step=1&embed"}/>

 
<h2>Guide</h2>

<ol>
 <li>Inside Unbounce's page editor, head over to the bottom section and click 'Mobile'.</li>
 <li>Under the Page tab, go to the Layout Assistant section and click 'All Sections'.</li>
 <li>After completing these steps, the elements of the selected Unbounce page will be moved automatically in the mobile version only.</li>
</ol>

How to Move an Unbounce Element on Mobile Only

<LiveDemoIframe src={"https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a4a88ab56e05a00ff5a72/preview?step=1&embed"}/>

 
<h2>Guide</h2>

<ol>
 <li>On Unbounce's main dashboard, head over to the left-side panel and click 'Popups &amp; Sticky Bars'.</li>
 <li>After that, find and select the pop-up that contains the video you wish to post.</li>
 <li>Click 'Publish' in the top-right corner.</li>
 <li>Tap the 'Copy' button below the provided embed code, then paste it into your website.</li>
 <li>Once done, click 'Installed. Publish Now!'.</li>
 <li>After completing these steps, the video will be posted on your website in the form of Unbounce pop-up.</li>
</ol>

How to Post a Video on the Website Using Unbounce Popups

<LiveDemoIframe src={"https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a4acdab56e05a00ff5f05/preview?step=1&embed"}/>

 
<h2>Guide</h2>

<ol>
 <li>Inside Unbounce's main workspace, find and open the landing page you wish to publish.</li>
 <li>After that, click 'Publish' in the top-right corner.</li>
 <li>Tap 'Publish Page' to confirm your request.</li>
 <li>After completing these steps, the selected Unbounce landing page will be published.</li>
</ol>

How to Publish an Unbounce Landing Page

<LiveDemoIframe src={"https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a4c62ab56e05a00ff7dca/preview?step=1&embed"}/>

 
<h2>Guide</h2>

<ol>
 <li>Inside Unbounce's page editor, find and select the form widget you want to edit.</li>
 <li>After that, go to the right-side panel and click 'Edit Form Fields'.</li>
 <li>Select the 'Company Email' field from the choices.</li>
 <li>Subsequently, scroll down to the Validation Options section and tick the checkbox beside 'Required Field'.</li>
 <li>Tap 'Done' afterwards.</li>
 <li>After completing these steps, the company email address will be required in your Unbounce form.</li>
</ol>

How to Require the Company Email Address in Unbounce Form

<LiveDemoIframe src={"https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a4c72ab56e05a00ff7f7c/preview?step=1&embed"}/>

 
<h2>Guide</h2>

<ol>
 <li>On Unbounce's main dashboard, find and open the page you want to edit.</li>
 <li>After that, tap the 'Leads' tab.</li>
 <li>Tick the checkbox at the top of the list to select all the previous list.</li>
 <li>Once done, click 'Delete'.</li>
 <li>Subsequently, click 'Okay, Delete Leads' to confirm your request.</li>
 <li>After completing these steps, the data regarding your Unbounce leads will be reset.</li>
</ol>

How to Reset the Leads in Unbounce

<LiveDemoIframe src={"https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a4cabab56e05a00ff8313/preview?step=1&embed"}/>

 
<h2>Guide</h2>

<ol>
 <li>Inside Unbounce's page editor, find and select the text box you want to edit.</li>
 <li>After that, head over to the right-side panel and click the 'Action' tab.</li>
 <li>Tap 'Edit Source Code' to proceed.</li>
 <li>Review the default code, then insert the "transform: rotate(deg)" property. Make sure that this CSS transform function, along with the necessary property declarations are added accordingly.</li>
 <li>Subsequently, tap 'Done' to apply the changes.</li>
 <li>After completing these steps, the selected text box in your Unbounce page will be rotated.</li>
</ol>

How to Rotate Text Boxes in Unbounce

<LiveDemoIframe src={"https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a4da8ab56e05a00ff9561/preview?step=1&embed"}/>

 
<h2>Guide</h2>

<ol>
 <li>On Unbounce's main dashboard, find and open a page.</li>
 <li>After that, click the provided page URL to make certain changes.</li>
 <li>Come up with a unique subdomain, then enter it into the provided input field.</li>
 <li>Once done, click 'Save URL' to apply the modifications.</li>
 <li>After completing these steps, the subdomain of your Unbounce pages will be set according to your input.</li>
</ol>

How to Set a Subdomain in Unbounce

<LiveDemoIframe src={"https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a4e1dab56e05a00ff9dcb/preview?step=1&embed"}/>

 
<h2>Guide</h2>

<ol>
 <li>Inside the Unbounce page editor, go to the bottom section and click 'Javascripts'.</li>
 <li>After that, tap the 'Script Name' field and type "Google Site Tag".</li>
 <li>Click the 'Placement' menu.</li>
 <li>Subsequently, pick 'Head' from the list of options.</li>
 <li>Prepare your Google Site Tag code, then paste it into the provided input field.</li>
 <li>Once done, click 'Add Script to This Variant' in the top-left corner.</li>
 <li>Following that, tap the 'Script Name' field once again and type "Event Snippet".</li>
 <li>Tap the 'Placement' menu afterwards.</li>
 <li>This time, choose 'Before Body End Tag'.</li>
 <li>Prepare the Event Snippet code and enter it into the provided input field.</li>
 <li>Once done, click 'Done'.</li>
 <li>After completing these steps, tap 'Save' to start tracking your Unbounce form and page with Google AdWords.</li>
</ol>

How to Set Up Form Tracking in Unbounce with Google AdWords

<LiveDemoIframe src={"https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a4e56ab56e05a00ffa320/preview?step=1&embed"}/>

 
<h2>Guide</h2>

<ol>
 <li>On Unbounce's main dashboard, find and select the page you want to track.</li>
 <li>After that, tap the 'Integrations' tab to proceed.</li>
 <li>Find and select 'Email Notifications'.</li>
 <li>Enter your email address into the provided input field.</li>
 <li>Subsequently, go to the 'Subject' option and click the 'Change This' button next to it.</li>
 <li>Come up with a unique email subject, then type it into the provided input field.</li>
 <li>Once done, review your input and click 'Confirm Email Settings'.</li>
 <li>After completing these steps, the email notification will be enabled instantly. The selected Unbounce page will send the data to your email address every time there is an update.</li>
</ol>

How to Set Up Your Unbounce Page to Send Data to Your Email Address

<LiveDemoIframe src={"https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a4e7dab56e05a00ffa5e0/preview?step=1&embed"}/>

 
<h2>Guide</h2>

<ol>
 <li>On Unbounce's main dashboard, find the page with the preview you want to share and click the 'More Options' button next to it.</li>
 <li>Select 'Preview Page' from the list of options.</li>
 <li>Finally, copy the URL in the address bar and send it to others. Once opened, a preview of the selected Unbounce page will be displayed.</li>
</ol>

How to Share an Unbounce Page Preview

<LiveDemoIframe src={"https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a4fa5ab56e05a00ffc00f/preview?step=1&embed"}/>

 
<h2>Guide</h2>

<ol>
 <li>Go to the left-side panel and click 'Settings'.</li>
 <li>Choose 'Script Manager' from the list of options.</li>
 <li>After that, click 'Add a Script' in the top-right corner.</li>
 <li>Subsequently, click the drop-down menu.</li>
 <li>Pick 'Custom Script' to proceed.</li>
 <li>Enter your preferred Script Name into the provided input field, then click 'Add Script Details'.</li>
 <li>Following that, click the 'Placement' menu.</li>
 <li>Choose 'Head' from the available choices.</li>
 <li>Prepare your Meta Pixel code, then input it into the provided entry field.</li>
 <li>Navigate to the Script Usage tab, then tick the checkbox beside the Unbounce domain that contains the pages you want to track.</li>
 <li>Finally, click 'Save and Publish Script'. You can now track Facebook conversions from the connected Unbounce pages.</li>
</ol>

How to Track Facebook Conversions Through Unbounce

<LiveDemoIframe src={"https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a4fbcab56e05a00ffc20b/preview?step=1&embed"}/>

 
<h2>Guide</h2>

<ol>
 <li>On Unbounce's main dashboard, head over to the left-side panel and click 'Settings'.</li>
 <li>Choose 'Script Manager' from the list of options.</li>
 <li>After that, tap 'Add a Script' in the top-right corner.</li>
 <li>Tap the drop-down menu to specify the type of script you wish to add.</li>
 <li>Subsequently, pick 'Custom Script'.</li>
 <li>Enter a unique script name into the provided input field, then click 'Add Script Details'.</li>
 <li>Under the Script Details panel, tap the 'Placement' menu.</li>
 <li>Choose 'Head' from the choices.</li>
 <li>Following that, click the 'Included On' menu and select where you wish to apply the script.</li>
 <li>Prepare the Meta Pixel associated with your account and then paste it into the provided input field.</li>
 <li>Go to the Script Usage panel afterwards and tick the checkbox beside the domain you wish to use.</li>
 <li>Once done, click 'Save and Publish Script'. </li>
 <li>After completing these steps, your Meta Pixel will be installed on your Unbounce workspace. From now on, you can start tracking the Unbounce conversions through your Meta Business Suite.</li>
</ol>

How to Track Unbounce Conversions in Facebook

<LiveDemoIframe src={"https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a4fc2ab56e05a00ffc279/preview?step=1&embed"}/>

 
<h2>Guide</h2>

<ol>
 <li>On Unbounce's main dashboard, find and select the page you want to monitor.</li>
 <li>After that, click the 'External Data' tab to proceed.</li>
 <li>Specify the 'Start' and 'End' dates by configuring their respective menus.</li>
 <li>Finally, you can now start tracking the Google Analytics data of your Unbounce campaign within the platform. </li>
</ol>

How to Track Your Unbounce Campaign in Google Analytics

<LiveDemoIframe src={"https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a4feeab56e05a00ffc5f3/preview?step=1&embed"}/>

 
<h2>Guide</h2>

<ol>
 <li>Inside Unbounce's page editor, find and select the lightbox button you want to edit.</li>
 <li>Under the Element tab, go to the Click Action section and tap the drop-down menu next to 'Action'.</li>
 <li>Select 'Show a Lightbox' from the list of options.</li>
 <li>Subsequently, tap the 'Lightbox' menu and pick one from the available choices.</li>
 <li>Once done, click 'Save' to apply the changes.</li>
 <li>After completing these steps, the Unbounce lightbox will be triggered when the button is clicked.</li>
</ol>

How to Trigger a Lightbox in Unbounce

<LiveDemoIframe src={"https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a5007ab56e05a00ffc9d4/preview?step=1&embed"}/>

 
<h2>Guide</h2>

<ol>
 <li>On Unbounce's main dashboard, find and open the page you want to turn off.</li>
 <li>Following that, click 'Unpublish' in the top-right corner.</li>
 <li>Tap 'Unpublish Page' to confirm your request.</li>
 <li>After completing these steps, the selected Unbounce page will be turned off instantly. From then on, it will become inaccessible to the public.</li>
</ol>

How to Turn Off an Unbounce Page

<LiveDemoIframe src={"https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a501fab56e05a00ffcc28/preview?step=1&embed"}/>

 
<h2>Guide</h2>

<ol>
 <li>Navigate to the Contact record in your CRM and click on preview.</li>
 <li>Locate the Unbounce Option</li>
 <li>Check the box confirming the email address is correct.</li>
 <li>Finally, click on the Unbounce this contact button.</li>
 <li>You will get a success prompt saying your Contact has been unbounced.</li>
</ol>

HubSpot - How to Unbounce a Contact in HubSpot

<LiveDemoIframe src={"https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a5057ab56e05a00ffcf4c/preview?step=1&embed"}/>

 
<h2>Guide</h2>

<ol>
 <li>On Unbounce's main dashboard, find and open the page you want to edit.</li>
 <li>After that, click the 'Unpublish' button in the top-right corner.</li>
 <li>Tap 'Unpublish Page' to confirm your request.</li>
 <li>Finally, the selected Unbounce page will be unpublished instantly.</li>
</ol>

How to Unpublish an Unbounce Page

<LiveDemoIframe src={"https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a5157ab56e05a00ffe0ca/preview?step=1&embed"}/>

 
<h2>Guide</h2>

<ol>
 <li>Inside Unbounce's page editor, find and select the button where you wish to add the conversion link.</li>
 <li>Under the Element tab, scroll down to the Click Action section and tap the 'Action' menu.</li>
 <li>Subsequently, pick 'Go to URL' from the list of options.</li>
 <li>Following that, enter the conversion link into the URL field.</li>
 <li>Tap the 'Goals' tab afterwards.</li>
 <li>From there, go to the Conversion Goals section and tick the checkbox beside your conversion link.</li>
 <li>Once done, review your input and click 'Save'.</li>
 <li>After completing these steps, the conversion link will be added to your Unbounce page. You can now use it to track the page behavior of your target audience.</li>
</ol>

How to Use Conversion Links in Unbounce

<LiveDemoIframe src={"https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a526bab56e05a00fff978/preview?step=1&embed"}/>

 
<h2>Guide</h2>

<ol>
 <li>Inside Unbounce's page editor, find and select the text element you want to edit.</li>
 <li>After that, highlight the word or phrase where you wish to apply the dynamic text.</li>
 <li>Go to the right-side panel, then click 'Action'.</li>
 <li>Under Dynamic Text Replacement, tap 'Dynamic Text' to proceed.</li>
 <li>Provide the necessary information, particularly the URL Parameter and Text Style.</li>
 <li>Once done, click 'Save Dynamic Text'.</li>
 <li>After completing these steps, the dynamic text insertion will be applied to your Unbounce page.</li>
</ol>

How to Use the Dynamic Text Insertion in Unbounce

<LiveDemoIframe src={"https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a52a8ab56e05a00fffe86/preview?step=1&embed"}/>

 
<h2>Guide</h2>

<ol>
 <li>Inside Unbounce's page editor, head over to the bottom-left corner and click 'Contents'.</li>
 <li>Find the hidden image element you want to show, then tap the 'View' icon beside it.</li>
 <li>After completing these steps, the hidden image in your Unbounce page will be displayed for viewing once again.</li>
</ol>

LIVEDEMO

Showing tutorials from unbounce category

Tutorials