Delta Media Group's Blog Home

Subscribe and receive email notifications of new blog posts.




rss logo RSS Feed
Automation | 10 Posts
AVM | 4 Posts
Blogging | 9 Posts
Branding | 12 Posts
Conversion Rate | 1 Posts
Coronavirus | 5 Posts
CRM | 9 Posts
Delta Services | 2 Posts
Delta Tech Talk | 2 Posts
DeltaNet | 24 Posts
DeltaNet 5 | 8 Posts
DeltaNET 6 | 14 Posts
Email Marketing | 14 Posts
Fusion | 1 Posts
Holiday | 5 Posts
Lead Generation | 29 Posts
Link Building | 1 Posts
Local SEO | 7 Posts
Marketing | 13 Posts
News | 5 Posts
Online Marketing | 22 Posts
PPC | 2 Posts
Press Release | 1 Posts
Press Releases | 4 Posts
RESO | 2 Posts
SEO | 25 Posts
SMS Texting | 6 Posts
System Update | 41 Posts
Tech Tuesday | 285 Posts
Video Demos | 1 Posts
Video Marketing | 10 Posts
Web Design | 4 Posts
Webinar | 22 Posts
Website Design | 12 Posts
New Website | Modular Site Design | Search Engine Optimization | SEO | Social Media for Real Estate | News | Industry News | DeltaNet | System Updates | Mobile | Conference | Webinar | Culture | Reviews | Listing Videos | Blogging | Recruit and Retain | Open House Listings | Live Chat | Facebook | Social Media Marketing | Delta Media Group | Agent | Email Marketing | web design | Mobile First | Mobile Responsive | Video Marketing | Local SEO | More Leads | Lead Generation | New Releases | CRM | Zillow | RESO | Property Search | Customize Search | My Customer for Life | E-Newsletters | Responsive Website Design | Real Estate Agents | Upgrade System | Grizzard Commercial Real Estate Group | Employees | Coldwell Banker HPW | Coldwell Banker Howard Perry and Walston | Wardley Real Estate | BHHS Homesale Realty | Real Estate Marketing | Sales Associates | Unlocking Your Potential | Instructional Series | Video Series | Mike Minard | Facebook Marketing | Content | Content Marketing | Customer Reviews | Customer Testimonials | SOLD Listings | HTTPS | SSL Certificate | Google Requirements | Social media advertising | Facebook ads | Open House Connector™ | Coldwell Banker Bain | Teams & Agents | Ad Wizard | Pipeline Manager | Convert Leads | Process Referrals | Find Prospects | Old Dominion Realty | Hyperlocal content | Public Transit | Public Transport | Coldwell Banker Prime Properties | New Construction Homes | Builders and Communities | Luxury Real Estate Marketing | Online Marketing | Digital Marketing | Automation | A-I Driven Marketing | Properties in Motion | AVM Reports | Reverse Prospecting | Inrix Drive Time | Work remotely | Campaigns and Action Plans | DeltaNET 6 | Coronavirus | Virtual Open Houses | Facebook Premieres | Market Watch Reports | Seller Reports | Tech Tuesday | Harley Wolfarth | Guest Blog | Real Estate News | Real Estate Marketing and Technology Magazine | LeadingRE | Franklin Stoffer | Real Estate Sales Success | Instagram | Real Estate Technology | SMS Texting | Real Estate Text Message Marketing | Haring Realty | Peter Haring | Aaron Geh | Allison Rybarczyk | Arizona Best Real Estate | Training, Tools & Tactics | Email Drip Campaigns | Old Colony REALTORS® | ReTechnology | Listing Presentations | CMA | Brand Building | Online Brand | Local Showings
September
14

In this Tech Tuesday, Harley Wolfarth demonstrate how to add a custom image gallery to your custom pages.

 

Video Transcription

Harley:

Greetings and welcome to Tech Tuesday presented by Delta Media Group where none of us can seem to figure out if the new Matrix trailer makes sense or not, because none of us can really remember how the last one ended. We really need to rewatch the Matrix movies. Anyway. Today we are going to take a look at the image gallery functionality that allows you to insert an image gallery on any custom page you create. This is something that is particularly nice for if you are making a market-specific page in addition to putting all the other market-specific content on that page, like just a description of that page, maybe search results or sample search results from that page, and even some market statistics. You can actually put an image gallery on that page as well so that users can just cycle through those and it just better builds out those community pages, not only making them more attractive to consumers, but making them more attractive to search engine crawlers as well.

Harley:

First off, we will take a look at how you can create one of these galleries from images that you add to the Delta Net, and then we'll take another look at how you can create a gallery off of one of these pages based off of URLs. If, for example, that community already has a website somewhere and you have permission to use the images on that website, you could actually take the URLs of those images and put them straight into the gallery functionality and then that would make up your image gallery.

Harley:

Without further ado, first we will go in and create a gallery in the Delta Net. To do that, I'm going to click on my name up here in the top right and then click on profile. Now I'm going to go down to the alternate photos section here. I could just scroll down to it or, just to save us a little time here, I'll just type photo there. You can see my primary photo. Then also we have alternate photos.

Harley:

From here, I'll click on gallery. At this point, I can create any kind of gallery folders that I want. I could create a brand new gallery and add photos to it, or I can modify my existing ones. If I wanted to create one, we'll go ahead and say, "Market images," and I can give this a description. Maybe Canton Arts District. Let's say that's what we were doing or the market page we wanted to make. That's all I need. Now I can save that. There we go. My changes have been saved and now I have a market images gallery.

Harley:

Now, if I click load, I'm now loaded into that gallery. Or there we go. We'll click on the folder there. That brings us into the gallery. Now, it would show us photos up here if there were any photos in this gallery. However, since there are not, I would click on add files. That would open up the file selector in my browser, and then I would be able to select files from my computer. It would drop them in here and I would click start upload, and that would upload all the files into this gallery.

Harley:

What I'm going to do instead is I'll go back and we'll take a look at a gallery that already has some images in it. We'll take a look at my new gallery here, because it isn't very new anymore. But you can see when I click on this one, it actually shows me all of the images that are already in this gallery, and then I could click on one if I wanted to select one. Then I can see that. I can see a title of the image, an image description. I can delete it from here, and then I would click save if I had made title or description changes, and it would save those to the photo.

Harley:

From here, I can add new if I wanted to go back to the add new page. If I wanted to upload more photos or click back and it just drops me back to my gallery selection. But that's really all there is to it. You go in here, you create your gallery by giving it title, description, keywords if you'd like to add keywords, placement, at this point. We'll do some specific things, but nothing that you need to worry about for creating a gallery to display on a page.

Harley:

When I'm ready there, I would click save gallery. That adds my gallery up here, and then I click on the gallery to add images to it. Then, to change it later on, I can click on the gallery and go in and modify any of the images that are in it. Once you have your gallery all set up, it's just a matter of adding it to a custom page. We're going to go ahead and drop out of that. Actually, we don't even need to do anything in there once we have our images saved. We'll just go up here, go to website, and down to pages. Now we're going to create a new page. There we go. We're just going to go with a completely custom page. How many ideas were... We're going to create a market page after all, right?

Harley:

We'll start here with this custom page. We have videos that go over the custom page options in detail, but just to give them a quick once over here, we can make this page limited so that only registered users can view it. That would basically be anyone with a portfolio account. If I check that box and someone is not logged into their portfolio account, when they try to access this page, it'll take them to the portfolio creation or login page where they could create an account and then they'll have access to the page.

Harley:

Next, I can add a contact form to this page if I'd like. If I just check add contact form, this gives me some options to create a default contact form here. You can look through each of these, but basically you have your general contact form and then a few more specific ones. Those just pertain to the options that'll appear by default on the form. Then you can give your form a title, but basically fill in all your form information, and that will cause a submission form to appear on the page so that a customer could enter their name or their contact information. Basically, their name, email address, phone number, and then a message for you just like they would on your regular contact page, and submit that and that'll create a lead in the Delta Net for you.

Harley:

In this case, we're not going to add a contact form, though I would say, in a market page, maybe you would. Uncheck that. Our next option here is for page type. We can create a standard page, which will just be a regular page within the confines of your website. You could also create a standard page with no navigation. It's kind of like a squeeze page, sort of, but not exactly. Basically, it loads up your website, but with no navigation. The idea is they see your whole template and background and all those things, but they can't do anything except interact with what's on this page.

Harley:

Then lastly is a true squeeze page that has no template at all. In that case, the template wouldn't load at all. It's only what is within the WYSIWYG editor is what would actually render out on the page. We'll make that a standard page. Here is our WYSIWYG editor, and this is where we're going to add our gallery. We'll say, if we were building this out as a market page, we'll just put Canton Arts District. There we go. It'll help if I spell it correctly. I'll make that a little bit bigger. That's our big heading there. We go. Typing's not working real well for me, but we'll get there.

Harley:

Now we're going to add our gallery. I'll go ahead and click on this icon right here, and this gives you access to all the special functionality, or a lot of the special functionality we can add here. We'll go with gallery. In your galleries, I can select custom gallery or I can select from any of the galleries I've created.

Harley:

For this first step, we're going to select new gallery, because that's the gallery we already had built up in there. Now we can change our gallery heading, so we'll call it Canton Arts District. Just stick with the theme. There we go. We'll leave our gallery style on standard and we'll take a look at the other styles here in a moment.

Harley Demotwo:

Once this is all configured, we'll just click on insert. Now our gallery is there. We'll go down and just give this page a name. Gallery test page sounds pretty good to me. There we go. Again, like the options above, all these options are gone over in more detail in the custom page video that we already have out there. I'll click on submit, and that creates my page. Now we can click this link to go ahead and get it to load up. Here's what it looks like. Now, Canton Arts District is here twice because one is the title of the gallery as I set it up, and the other one is just the H1 tag that I put on the page. I forced that to show up twice by how I configured it.

Harley:

Now, we'll go back into the Delta Net and take a look at what some of the other options look like. That was our standard gallery. We'll clear that out and we'll create it again. We'll go back up to our icon, back down to gallery. This was our new gallery. Now let's make it advanced this time. Now, with advanced, it's going to make a fancier gallery and these are all options that pertain to that gallery. Autoplay will actually make it auto-scroll through the images. Navigation dots make dots show up below the display so you can see which image you're on. And navigation arrows can make arrows show up on either side of the display where you can click those to cycle through it. Primarily, it's built with a mobile feel to it. You'll actually swipe back and forth to move through the images. But we'll go ahead and do it this way and I'll put some keywords in here.

Harley:

Really, really random kinds of keywords. There we go. Now we've submitted that, so let's scroll down here and submit our page again. Now we'll go back to our tab that had our page in it and reload it, and there we go. That is what it looks like now.

Harley:

Now, as I mentioned, this is a mobile feel, so it's on a desktop device that I'm putting this video together with. I actually click and drag in order to drag my way through the different slides here. But if you're on a mobile device, this allows you to just swipe through them. It's a good idea to build just about anything mobile first these days. That is how that would work. You can just slide through your images there.

Harley:

All right, now back into the Delta Net. Let's take a look at some of the other options we have here. In addition to creating a gallery based off of images that I've added to the Delta Net, I can create a completely custom gallery that will actually use image URLs to render up. We'll go ahead and click on this icon again. We'll add a gallery, but this time I'm going to add a custom image gallery. You can see that when I do that, it switches my gallery heading, which again, I could customize that however I'd like. This is the district. We don't want say Canton Arts District again, because we know it's going to show that twice. For image URLs, now all I have to do is copy and paste in image URLs.

Harley:

Now, the nice thing here is it's very easy for me to take images that are hosted elsewhere and display them as a gallery on this page. But you have to be very careful with the images that you use. For the sake of this example, I just went through and I grabbed a handful of different images or image URLs that I can paste in here. We'll take a look at each. It'll be kind of fun. But you'll want to make sure that whatever images you're linking to and what you're using here are images that you have permission to use and permission to link to as they're hosted, because, at this point, we're not hosting the images. Whatever third party the link goes to is what's hosting them.

Harley:

Let's grab some URLs. Here we go. I've got some other tabs up. I was in a cat picture mood, so we're going to go with those. We'll paste in our first one. Now onto the second one here. These are just random cat pictures I found. There we go, and copy this guy. There we go. You can see we've grabbed just five URLs here, just enough that we can set something up. If I wanted to use more, if I wanted to make my gallery larger, I can just click on add URL and add as many as I'd like. However, I don't want a bunch of blank ones, so we'll clear those out.

Harley:

Just like the gallery that's driven by the images in the Delta Net, I can switch this over to advanced if I want it to display differently. We'll just click on insert, and now there is my gallery code. Now, if we go down here and submit, and we'll refresh our page again, and there we go. Now this is the same kind of gallery, but in this case, it is pulling these images directly from the URLs I've supplied instead of having me go in and actually upload all these images to the Delta Net individually.

Harley:

There you have it. That is how you can set up an image gallery on this one or any custom page that you build out in the Delta Net. Now, from here, this is really just part of a custom page. If I was building this out as a market page, I now have the ability to drop a search result section in here, I can put some market statistic data in here, and a lot of those things are housed under this menu also. You can see we have one for market activity that would show market activity data. We have market slider, which will show basically a different market data display. Also search results, if I wanted to show a search result section here. There's really a lot of functionality around building out a really complete market page of your own here.

Harley:

There you have it. As always, if you have any questions, comments, concerns, feel free to reach out to support@deltagroup.com, or give us a call and we can walk you through whatever else you need. I will see you again next week.

Schedule a Demo

Schedule a Demo