Tutorials

How to Create a Webinar Landing Page in HubSpot

To create a simple registraton webinar landing page, I suggest going to HubSpot’s Market Place. Where you can download themes, modules, and templates for the landing page without having to create one from scratch. They range from many different price points.

I perfer the Drive | Drag-And-Drop Website Theme – Lite Version by Drive Web Studio. You can use whichever you want, and download it to your asset downloads/library.

Once it finishes downloading you can access them by selecting the market place icon in the top left corner and then choose “Marketplace downloads”.

Click create a page from the list.

Of course, create a form and start inputting the visuals and details.

I also recommend downloading the Countdown Time Module. It gives a sense of urgency to your prospects.

Hope that helps and as always happy creating!

How To Create Numbered Tickets InDesign: Method 2

This method uses the numbered List in Adobe Indesign. See method 1 here. Let’s get to it!

Step 1

Designed your Ticket and then create a text box where your number will be. PUT A SPACE in the text box. Otherwise, this method will not work.

Step 2

Go to Type > Bulleted & Numbered Lists > Define Lists…

Step 3

Clicked “New…” It will then open to give you some options. Name your list, and click all the options. “Continued Numbers across Stories” & “Continue Numbers from Previous Document in Book”.

Step 4

Make sure you click the text tool and click into where your numbers are supposed to be.

Step 5

Click into the top control panel, or go to the Window > Control, to get it to show up. Make sure you are in the Paragraph section, and then ON YOUR KEYBOARD CLICK ALT + THE LIST SYMBOL AT THE TOP. (See circled items below).

Step 6

It will then open up into the “Bullets and Numbering” panel.

Choose:

  • List Type: Numbers
  • List: The list you defined earlier
  • Format: Choose whatever format you want
  • Mode: Continue from Previous Number…

Check the preview to make sure it works, and then click OK.

Step 7

You can see that it now shows the first number! You can remove the period by changing in the Bullets and Numbering Panel “Number:” It currently says ^#.^t. Just take out the period.

Step 8

Copy/Duplicate the elements onto the page as desired. InDesign will automatically count them for you.

Step 9

You can create more on pages, just by right-clicking and either click “Duplicate” or “Insert Pages”.

See more tickets yay!

Hope that helps! Happy creating!

How To Create Numbered Tickets InDesign: Method 1

This is a simple method that I’ve used before and is doable if you have a printer vendor. See method 2 here also!

Before you start make sure you have facing pages turned off.

Step 1

Create a single ticket design on Master Page. Keep the same design on both pages.

Step 2

Create a text box where you want the number to be

Step 3

Go to Type > Insert Special Character > Markers > Current Page Number

Step 4

Get out of master view to normal view. Then add as many pages as you would like either in the document set up or in plus + sign in the bottom right corner of the pages panel.

And tada you should have the numbers on the tickets!

Note: If you would like to change the way the numbers appear go to Layout > Number & Sections Options. Then change the Style under Page Numbering.

Indesign CC: How To Get Multiple Page Sizes

  1. To change page sizes in a single document in Adobe Indesign, first click the page you want to change in the page panel.

2. At the bottom of the panel, the 1st button at the bottom is “Page Size Change”. Click the page size you want or go to the bottom and choose “Custom…”

3. The pages should now be a different size.

Hope that helps! Happy Creating!

Indesign CC: How To Get Equal Spacing

Getting spacing right when you have multiple objects is difficult. Here’s how you do it.

One Method: Use Smart Guides

  1. At the top go to View > Grid & Guides > Smart Guides

2. When you select all the objects and move them you will see green guides to match the spacing of the previous spacing.

Second Method: Through The Align Panel

  1. Open the “Align Panel” by going to Window > Object & Layout > Align or by Shift+F7

2. You have to group the objects first before you could use the spacing tool (Distribute Spacing) in the “Align Panel” or you will end up with this mess.

3. Fix this by grouping the objects into a group. To do that select the objects you want to group. Then right click and choose “Group” or press CTRL+G

4. When you finish group all the objects. Then click “Distribute Spacing” at the bottom of the panel.

5. It will automatically space! You can also define the spacing at the bottom by checking the “Use Spacing” and put the specific spacing you want.

Hope that helps! Happy Creating.

How to Delete an AUX, CON, or NUL File

The Problem

You’ve tried everything from changing the security setting, pressing shift + DEL, running a batch script (DON’T DO THIS), and yet nothing has worked. You are stumped. I know the exact feeling. Windows, for some reason, protects AUX, CON and NUL files from being deleted. I believe it is a reserved file name.

I downloaded a template that had this file and was going crazy that I couldn’t delete it. Here’s how I was finally able to delete it.

The Solution

I combined two solutions from this tutorial and this one.

  1. Go into safe mode on your computer.
  2. Navigate to the folder/directory that has the undeleteable file.
  3. Open the command prompt.
  4. Type the following (This part came from the first video)
cd /d C:\USERS\THE EXACT DIRECTORY OF THE FOLDER

Where cd /d means to change the directory, then the rest is C:\ which is the drive the folder is on. It could be anything mines was on a D drive—your user name, and then the desktop URL of the folder.

5. This is where the second video comes in. Then type in

RD\\. \THE EXACT URL OF THE FILE

It should then delete the file!

I pulled my hair out over this because I’m not too fond of lingering files that I don’t need. I hope that helps!

How To Force Astra’s Footer To The Bottom

I had this issue when the content is too short, and the footer is in the middle of the page. Not at the bottom. I tried a couple of custom CSS that made the footer float at the bottom, which is not what I wanted, but I found out how to make it stick to the bottom.

Thank you to @brainstormteam for actually providing the code. You can see the full thread here.

  1. Go to Apperance > Theme Editor in your WordPress Dashboard.
  2. Click on Theme functions (functions.php) in the Editor.

3. Add the following code to the bottom of the PHP file.

add_action( 'wp_footer', 'astra_footer_align_bottom' );
function astra_footer_align_bottom () {
	?>
	<script type="text/javascript">
		document.addEventListener(
			"DOMContentLoaded",
			function() {
				fullHeight();
			},
			false
			);
		function fullHeight() {
			var headerHeight = document.querySelector("header").clientHeight;
			var footerHeight = document.querySelector("footer").clientHeight;
			var headerFooter = headerHeight + footerHeight;
			var content = document.querySelector("#content");
			content.style.minHeight = "calc( 100vh - " + headerFooter + "px )";
		}
	</script>
	<?php
}

And it should force it to the bottom.

Note

  • You might need to change the 100vh part to different numbers to get it exactly where you want it. I had to use the number 97.2 to have no additional space.
  • When the theme updates, it will remove the code. You will need to re-add it on every update.
  • Astra does offer this as a paid premium feature. If you have the money, please support the theme creators.

I hope that helps! Have a great day!

Make Wistia’s Play Button Appear In A HubSpot Email

If you are running into the issue of the Wistia’s Play button not showing up in your HubSpot email using the Email widget underneath Content, here’s how to fix it.

  1. Build a custom coded template in Hubspot. Here’s the link or it should be in common module.
  2. Once you are done, it should be in the “more” of the content section.

3. Drag the “HTML-Email” module onto your email as usual.

4. Go to Wistia and click on the “Embed & Share” button.

5. Copy the code in the Email Merge Tag

6. Paste it into the Hubspot HTML Module, you can change the width and height to fit your email.

You’re done, and you should see the play button now in your email.

If you are still experiencing problems. Contact Wistia’s support team. They are amazing!

Adobe Indesign CC: How to Letters Bold

Sometimes, you download a font or have a font that doesn’t have a bold style (see below).

In Adobe Indesign, there is a simple workaround for that.

Step 1: Make a new document, and make a text box and write.

Step 2: Highlight the text you want bold.

Step 3: Open up the stroke panel. You can find it at the top: Window > Stroke

Step 4: Increase the weight number (more than 0) to make the word bold and that’s it!

*Note: make sure the stroke color is the same as the text.

Adobe Illustrator CC: Creating Arrows on lines

Step 1: Open a new document and create a line with either the pen tool or the line too. Make sure you select the line by clicking it.

Step 2: Go to Window > Stroke, to open up the Stroke panel.

Step 3: In the stroke panel where it says “Arrowheads” You can select the arrow you want. The first one is the beginning the second one is the end. The beginning is the first point create and the end is the last point you created.

You can use scale to adjust the size of the arrow head.

Ta-da you create a line with an arrow!

This method is similar to Adobe Indesign, hope that helps!

Adobe Indesign CC: Creating Arrows on Lines

Step 1: Open a new document and create a line with either the pen tool and line tool. Make sure you click and select the line.

Step 2: Click “Window” and top menu and then go to “Stroke”.

Step 3: In the stroke panel where it says start or end you can choose the arrow. There are other options you can choose. The start is the first point and the end is the last point.

And ta-da you have an arrow!