Webflow Weekly

Issue 5

Another good week of content. Are there every down weeks? Not yet.

Check out the new University articles that help you sync your Ecommerce products/inventory to Facebook, Instagram, and Google Merchant. Then there were a ton of good showcases for sites built in Webflow. Then Dram's custom cursor is a great method for using a custom cursor effect built with interactions. Lastly a couple of resources for color fonts and a design checklist.

Enjoy!

Webflow

Here's some content from Webflow's official channels.

Facebook, Instagram, and Google product catalog integrations

If you haven’t already noticed, we’ve added a new set of integration options to your ecommerce settings that make it easier to run ad campaigns and create interactive social posts on Facebook, Instagram, and Google.

Your clients will love this.

Syncing products to Google Merchant Center

Integrating your store’s product set to Google Merchant Center [↗] lets you keep product data, images, inventory count, and more in sync as you run advertisements on Google Shopping.

Syncing products to Facebook Catalog Manager

Integrating your store’s product set to Facebook’s Catalog Manager [↗] lets you keep product data, images, inventory count, and more in sync as you run advertisements and posts on Facebook and Instagram.

Setting up Google Analytics

Google Analytics gives valuable information about user behavior and interaction.

Facebook Pixel

To embed a Facebook pixel in your Webflow project, paste the pixel ID in project settings → integrations → Facebook pixel. If you host websites that collect personal data from EU residents, you need to comply with GDPR.

Setting up Instagram Shopping

Instagram shopping [↗] allows you to tag products in posts and link directly to those products on your Webflow Ecommerce store. Posts with tagged products will also show up in the shopping section of Instagram’s discover section, to be shown to potential new customers.

Horizontal Movement On Scroll

Page goes ⬇️ title goes ⬅️➡️

GRAPHIC DESIGN ARCHIVE

Brought to you by Webflow Explore key moments in graphic design history like the middle ages, punk publishing, and swiss design, meet the makers, and see how design has shaped culture.

I 💙 this so much!

Showcases

Here's a sample of great sites built in Webflow. #MadeInWebflow

newcircle - Webflow

by newcircleinc

Professional, clean with interactions

Y'all - Webflow

by Y'all

Look below the fold

Onion Oakley - Webflow

by Kael

Scroll effects

Poulos Collective - Webflow

by Stefan

It's like taking a master class in grid. Definitely open in the Designer.

Kontora Media - Webflow

by KONTORA

Castup - Webflow

by Castup

3D interactive balls - Webflow

by Eli

Zestful - The Ultimate Employee Perk

by Zestful

Lemon-aide - Webflow

by tiffany

Creativería Website - Webflow

by Creativería Design

Makerpad

by Ben Tossell

Portfolio - Webflow

by Sam Reiss

Finsweet Websites - Webflow

by Finsweet

Fast Eddies Fabrication - Webflow

by James Gidoomal

Zigzag /\/\/\/

Tips, Tricks, & Tutorials

Take some time to learn something new.

Daily Interaction #31 | 180° Flip Effect on Hover | WebDev For You | Made in Webflow

Duration - 0:22:4

Simple way to create Diagonal Section / by minimal custom code (Step by Step)

by Ezra Siton

Very in-depth guide

Sketch File Preparation - Part 2 (Design Landing Page in Sketch and Bring to Life in Webflow)

Duration - 0:16:3

Dram's Custom Cursor - Webflow

by Alex Dram

This is so brilliantly simple and simply brilliant!!!

Resources

Here are a collection of great resources that you can use on your next project.

Colorfonts! WTF? ? - Webflow

by Fontself

The name says it all.

Design Checklist - Webflow

by Tibor

Stay on track. This list recommends tools for each step too.

Misc

Random things get put here because I didn't know where else to put them.

No items found.

Thanks for making it to the end. I hope these sources give you inspiration or head start on your next Webflow project. Did I miss something? Let me know about it on Twitter and you might see it in the next Webflow Weekly issue.

Until next week, happy designing!

MPM HD
7 items
405K in folder
506K available
Read Me
Webflow
Favorites
My Videos
My Tutorials
My Articles
Favorites
7 items
405K in folder
506K available
Read Me

Matthew P Munger

Life is a journey. Just keep moving.

Originally from Oklahoma City but have lived in the UK, Southern Africa, and am currently in Costa Rica. My family and I enjoy traveling and experiencing other cultures. The world and its people are amazing!

What I do

My background since 2002 is in media design with experience in videography, graphic design, and web design. Then I transitioned to a visual developer building custom designs using Webflow. Now I work at Webflow as a QA Analyst.

When I'm not building websites, I'm talking about it here, on Youtube, on Twitter, and on the Webflow forum.

This Site

Oh and you might have noticed that I'm a Macintosh fan. Been a user since 1993. My career in creative media wouldn't have been possible without Macs.

Feel free to browse around my virtual computer. You never know what you might find.

Note: I do use affiliate links on this site. It allows me, as a freelancer, to earn a small amount if you use and like something I recommend.

Client - Projects
14 items
2002K in folder
2019K available
Webflow
7 items
2013K in folder
unlimited
My Profile
Signup
Forum
Webflow Weekly
My Videos
My Tutorials
My Articles
Webflow Weekly
Trash
6 items
Empty
Dreamweaver
Shopify
Squarespace
Weebly
Wordpress
Wix
Trash
0 items
Empty
New Project Form

Project Submission

Thanks for you interest in working together on a project built in Webflow. In order to best understand your new website's needs, please fill out the information below to the best of your ability.

Check any of the options below that apply to your needs. If you don't understand what they mean, don't worry we can figure it out later.

If you've gotten this far, thank you. Go ahead and submit your info and I'll get back with you as possible with and informed response.

Thank you! Your project submission has been received!
Oops! Something went wrong while submitting the form. Please check all of the fields and try again.
Contact Form

Contact Form

Thank you! Your submission has been received.
Oops! Something went wrong while submitting the form. Please check all of the fields and try again.
MPM HD
Read Me
Clients
Webflow
Trash
Trash

Maybe it's not a good idea to shut my website down without a hardware reset button. Proceed?

Just kidding. Nothing was actually shutdown. It wouldn't have been a good idea. Do it again?

Permission denied. Please reconsider your actions.