Shineyrock
web design & consultancy
Shineyrock
blog
- like 5
The Beginners Guide to WooCommerce: Adding an External/Affiliate Product
In the previous article we added a grouped product as a parent of a simple product and then linked the child with its parent. Today I plan to walk you through the process of adding an External/Affiliate product, which is the third type in the Product Data drop-down. So, let's get down to it.
Adding an External/Affiliate Product
Any product which does not belong to your online store but is displayed merely for the purpose of advertising others' products is called an External/Affiliate product. Or any product which you are not selling yourself is an External product, and if you are getting paid for each sale you bring for that product then the affiliate commission you are earning makes it an Affiliate product.
To categorize any product as External or Affiliate, simply select the third option of External/Affiliate product from the Product Data drop-down menu.
Now you will find various settings tabs which are associated with External/Affiliate products. Earlier, in the creation of a grouped product, we observed that some options disappeared.
The External/Affiliate product will have no concern with Shipping and Inventory. So the setting tabs for these two sections will disappear.
All other sections will be displayed. Let's discuss the General tab's settings
You can find two new options in this section, which are:
- Product URL: Add the external URL of the product, which will link this product to the product on another website.
- Button Text: Edit the text of the button which will be displayed at the front-end. Its default value is set as Buy product.
The above figure shows an External/Affiliate product named Happy Ninja. You can see the Buy product button clearly. When customers click this button, they will be directed to an external link from where they'll be able to buy this product. The Add to cart option won't be displayed in this case.
Linked Products
Now you should be quite familiar with the settings in the Linked Products tab. Inside this tab one can recommend additional products, add similar products, and connect the product to its parent.
Up-Sells
Mention the product which you'd like to recommend instead of the present product to the user on the basis of better quality, price, or anything else.
Cross-Sells
Mention all the similar products to achieve more sales by claiming that the people who bought this product also bought/viewed these similar ones.
Grouping
Here in the drop-down you can select a parent Grouped type product in case the present product is a child product for the parent one.
Attributes
Attributes can also be added for the External/Affiliate type products. As you can see in the above picture, I have added three different attributes, which are:
Size
Size is one of the default attributes, which has two values: Small and Large.
Color
Color is another default attribute added, with five different values of color.
Custom
This is a custom attribute with a custom value in its value text area, and is visible to the public through the front-end product page of WooCommerce.
Advanced
In the advanced tab you can find only two options:
Menu Order
Increase the value of integer inside it, and the product will be displayed after products with a lower value of menu order.
Enable Reviews
If you'd like your customers to review the product, you can check this option to enable it.
Once you are done with all the changes and settings, click the Publish button and your product will go live on your online store.
This ends our discussion on the creation of External/Affiliate products. Now we will move to the creation of a variable product in our next article. Till then, if you have any queries, ask in the comments section below.
martijn broeders
founder/ strategic creative at shineyrock web design & consultancy
e-mail: .(JavaScript must be enabled to view this email address)
phone: 434 210 0245
By - category
By - date
December, 2023
The Best Small Business Web Designs by DesignRush
/
1October, 2022
Create Modern Vue Apps Using Create-Vue and Vite
/ 2September, 2022
Pros and Cons of Using WordPress
/
-3How to Fix the “There Has Been a Critical Error in Your Website” Error in WordPress
/ 3How To Fix The “There Has Been A Critical Error in Your Website” Error in WordPress
/ -4August, 2022
How to Create a Privacy Policy Page in WordPress
/ 2April, 2022
How Long Does It Take to Learn JavaScript?
/ 1January, 2022
December, 2021
-
/ 5
-
/ -5
Adding and Removing Elements From Arrays in JavaScript
/ 2Create a JavaScript AJAX Post Request: With and Without jQuery
/ 5November, 2021
5 Real-Life Uses for the JavaScript reduce() Method
/ -3July, 2021
How to Enable or Disable a Button With JavaScript: jQuery vs. Vanilla
/ 8How to Enable or Disable a Button With JavaScript: jQuery vs Vanilla
/ -8Confirm Yes or No With JavaScript
/ -1June, 2021
How to Change the URL in JavaScript: Redirecting
/ -415+ Best WordPress Twitter Widgets
/ -2May, 2021
27 Best Tab and Accordion Widget Plugins for WordPress (Free & Premium)
/ 1221 Best Tab and Accordion Widget Plugins for WordPress (Free & Premium)
/ -530 HTML Best Practices for Beginners
/ -531 Best WordPress Calendar Plugins and Widgets (With 5 Free Plugins)
/ -425 Ridiculously Impressive HTML5 Canvas Experiments
/ -2-
/ 4
How to Implement Email Verification for New Members
/ 2How to Create a Simple Web-Based Chat Application
/ 3April, 2021
30 Popular WordPress User Interface Elements
/ -2Top 18 Best Practices for Writing Super Readable Code
/ 3Best Affiliate WooCommerce Plugins Compared
/ -5March, 2021
18 Best WordPress Star Rating Plugins
/ 710+ Best WordPress Twitter Widgets
/ -120+ Best WordPress Booking and Reservation Plugins
/ 3February, 2021
Working With Tables in React: Part Two
/ -3Best CSS Animations and Effects on CodeCanyon
/ -1530 CSS Best Practices for Beginners
/ -2How to Create a Custom WordPress Plugin From Scratch
/ -3May, 2020
10 Best Responsive HTML5 Sliders for Images and Text… and 3 Free Options
/ -116 Best Tab and Accordion Widget Plugins for WordPress
/ -4April, 2020
18 Best WordPress Membership Plugins and 5 Free Plugins
/ -125 Best WooCommerce Plugins for Products, Pricing, Payments and More
/ 210 Best WordPress Twitter Widgets
1 / 7March, 2020
12 Best Contact Form PHP Scripts for 2020
/ -5September, 2017
February, 2020
20 Popular WordPress User Interface Elements
/ -310 Best WordPress Star Rating Plugins
/ -7January, 2020
12 Best CSS Animations on CodeCanyon
/ -1December, 2019
12 Elegant CSS Pricing Tables for Your Latest Web Project
/ 424 Best WordPress Form Plugins for 2020
/ 3September, 2019
14 Best PHP Event Calendar and Booking Scripts
/ -5Getting Started With Django: Newly Updated Course
/ -1July, 2019
Create a Blog for Each Category or Department in Your WooCommerce Store
/ 5April, 2019
8 Best WordPress Booking and Reservation Plugins
/ -9March, 2019
Best Exit Popups for WordPress Compared
/ 16Best Exit Popups for WordPress Compared
/ -911 Best Tab & Accordion WordPress Widgets & Plugins
/ -912 Best Tab & Accordion WordPress Widgets & Plugins
1 / -2-
harriett What's up, after reading this awesome…
-
February, 2019
New Course: Practical React Fundamentals
/ 2January, 2019
Preview Our New Course on Angular Material
/ 2Build Your Own CAPTCHA and Contact Form in PHP
/ -5December, 2018
Object-Oriented PHP With Classes and Objects
/ -6Best Practices for ARIA Implementation
/ -2Accessible Apps: Barriers to Access and Getting Started With Accessibility
/ -5November, 2018
Dramatically Speed Up Your React Front-End App Using Lazy Loading
/ 19October, 2018
15 Best Modern JavaScript Admin Templates for React, Angular, and Vue.js
/ -615 Best Modern JavaScript Admin Templates for React, Angular and Vue.js
/ 219 Best JavaScript Admin Templates for React, Angular, and Vue.js
/ 2New Course: Build an App With JavaScript and the MEAN Stack
/ 210 Best WordPress Facebook Widgets
13 / -1-
Cathleen Wonderful, what a website it is! This…
-
Sharyn Ѕimply a smiling ѵisitant heгe to…
-
shelby What's up it's me, I am also visiting…
-
Lottie I read this paragraph completely…
-
September, 2018
Hands-on With ARIA: Accessibility for eCommerce
/ -1New eBooks Available for Subscribers
/ -4Hands-on With ARIA: Homepage Elements and Standard Navigation
/ 12-
/ -2
August, 2018
How Secure Are Your JavaScript Open-Source Dependencies?
/ -3New Course: Secure Your WordPress Site With SSL
/ -4Testing Components in React Using Jest and Enzyme
/ -10Testing Components in React Using Jest: The Basics
/ -3July, 2018
15 Best PHP Event Calendar and Booking Scripts
/ 1June, 2018
Create Interactive Gradient Animations Using Granim.js
/ 12How to Build Complex, Large-Scale Vue.js Apps With Vuex
1 / -7-
Frankenicerm Get exactly what you want with custom…
-
Examples of Dependency Injection in PHP With Symfony Components
/ -3May, 2018
Set Up Routing in PHP Applications Using the Symfony Routing Component
1 / 13-
romeo You certainly deserve a round of…
-
A Beginner’s Guide to Regular Expressions in JavaScript
/ 8Introduction to Popmotion: Custom Animation Scrubber
/ -7Introduction to Popmotion: Pointers and Physics
/ -14New Course: Connect to a Database With Laravel’s Eloquent ORM
/ -12How to Create a Custom Settings Panel in WooCommerce
/ -9Building the DOM faster: speculative parsing, async, defer and preload
1 / 1-
Melissa Perfect info, thanks!
-
20 Useful PHP Scripts Available on CodeCanyon
3 / 44-
darios Valuable info. Lucky me I found your…
-
Vern Link exchhange is nothing else excelt…
-
Patsy Bryan Wow, that's what I was seeking for,…
-
April, 2018
How to Find and Fix Poor Page Load Times With Raygun
/ 5Introduction to the Stimulus Framework
/ -8Single-Page React Applications With the React-Router and React-Transition-Group Modules
-
/ 2
12 Best Contact Form PHP Scripts
1 / 1-
tammie I am sure this piece of writing has…
-
Getting Started With the Mojs Animation Library: The ShapeSwirl and Stagger Modules
/ 4Getting Started With the Mojs Animation Library: The Shape Module
/ 3Getting Started With the Mojs Animation Library: The HTML Module
/ 4Project Management Considerations for Your WordPress Project
/ -28 Things That Make Jest the Best React Testing Framework
/ 5March, 2018
Creating an Image Editor Using CamanJS: Layers, Blend Modes, and Events
/ -1New Short Course: Code a Front-End App With GraphQL and React
/ 3Creating an Image Editor Using CamanJS: Applying Basic Filters
/ -5Creating an Image Editor Using CamanJS: Creating Custom Filters and Blend Modes
/ -5Modern Web Scraping With BeautifulSoup and Selenium
/ 3Challenge: Create a To-Do List in React
1 / 2-
mezo Post wrting іs allso a excitement, іf…
-
Deploy PHP Web Applications Using Laravel Forge
/ -1Getting Started With the Mojs Animation Library: The Burst Module
/ -3-
/ -8
February, 2018
A Gentle Introduction to Higher-Order Components in React: Best Practices
/ -3Challenge: Build a React Component
/ -1A Gentle Introduction to HOC in React: Learn by Example
/ 3A Gentle Introduction to Higher-Order Components in React
/ -7Creating Pretty Popup Messages Using SweetAlert2
/ -3Creating Stylish and Responsive Progress Bars Using ProgressBar.js
/ 918 Best Contact Form PHP Scripts for 2022
/ -1How to Make a Real-Time Sports Application Using Node.js
/ -2Creating a Blogging App Using Angular & MongoDB: Delete Post
/ -13Set Up an OAuth2 Server Using Passport in Laravel
/ 6Creating a Blogging App Using Angular & MongoDB: Edit Post
/ -2Creating a Blogging App Using Angular & MongoDB: Add Post
/ 3Creating a Blogging App Using Angular & MongoDB: Show Post
/ 10Creating a Blogging App Using Angular & MongoDB: Home
/ 8-
/ 5
Creating a Blogging App Using Angular & MongoDB: Login
/ 11Creating Your First Angular App: Implement Routing
/ 5Persisted WordPress Admin Notices: Part 4
/ -7Creating Your First Angular App: Components, Part 2
/ -3Persisted WordPress Admin Notices: Part 3
/ 3How Laravel Broadcasting Works
/ 6-
/ 9
Persisted WordPress Admin Notices: Part 2
/ -6Create Your First Angular App: Storing and Accessing Data
/ 6Persisted WordPress Admin Notices: Part 1
/ -4Error and Performance Monitoring for Web & Mobile Apps Using Raygun
/ 3Using Luxon for Date and Time in JavaScript
7 / -5-
earlene This text is invaluable. How can I find…
-
amelie I needed to thank you for this great…
-
noe vance Hi, for all time i used to check…
-
brayden Pretty! This was an extremely wonderful…
-
January, 2018
How to Create an Audio Oscillator With the Web Audio API
/ -6How to Cache Using Redis in Django Applications
/ 420 Essential WordPress Utilities to Manage Your Site
/ -9Introduction to API Calls With React and Axios
/ 1Beginner’s Guide to Angular 4: HTTP
/ 14Rapid Web Deployment for Laravel With GitHub, Linode, and RunCloud.io
/ 6Beginners Guide to Angular 4: Routing
/ -10Beginner’s Guide to Angular 4: Services
/ -1Beginner’s Guide to Angular 4: Components
/ 2Creating a Drop-Down Menu for Mobile Pages
/ 7Introduction to Forms in Angular 4: Writing Custom Form Validators
/ 510 Best WordPress Booking & Reservation Plugins
/ -3Getting Started With Redux: Connecting Redux With React
/ 6Getting Started With Redux: Learn by Example
/ 7Getting Started With Redux: Why Redux?
/ 5Understanding Recursion With JavaScript
/ -1How to Auto Update WordPress Salts
/ -6How to Download Files in Python
/ 5-
/ -16
Eloquent Mutators and Accessors in Laravel
1 / 12-
mezo Ι love it whenever people get…
-
-
/ -10
December, 2017
-
/ 16
10 Best HTML5 Sliders for Images and Text
/ 5Introduction to Forms in Angular 4: Reactive Forms
/ -1-
/ -2
Introduction to Forms in Angular 4: Template-Driven Forms
/ 224 Essential WordPress Utilities to Manage Your Site
/ 325 Essential WordPress Utilities to Manage Your Site
/ -6Get Rid of Bugs Quickly Using BugReplay
1 / -19-
madison I see you don't monetize your site,…
-
Manipulating HTML5 Canvas Using Konva: Part 1, Getting Started
/ 410 Must-See Easy Digital Downloads Extensions for Your WordPress Site
22 Best WordPress Booking and Reservation Plugins
/ -2Understanding ExpressJS Routing
/ -515 Best WordPress Star Rating Plugins
/ 3Creating Your First Angular App: Basics
/ -6November, 2017
Inheritance and Extending Objects With JavaScript
/ -10Introduction to the CSS Grid Layout With Examples
1-
quito Hello. And Bye.
-
-
/ 3
Performant Animations Using KUTE.js: Part 5, Easing Functions and Attributes
/ -1Performant Animations Using KUTE.js: Part 4, Animating Text
/ -5Performant Animations Using KUTE.js: Part 3, Animating SVG
/ -9New Course: Code a Quiz App With Vue.js
/ -2Performant Animations Using KUTE.js: Part 2, Animating CSS Properties
Performant Animations Using KUTE.js: Part 1, Getting Started
/ 310 Best Responsive HTML5 Sliders for Images and Text (Plus 3 Free Options)
/ -7Single-Page Applications With ngRoute and ngAnimate in AngularJS
/ -11Deferring Tasks in Laravel Using Queues
/ -5-
/ 1
Site Authentication in Node.js: User Signup and Login
/ 5Working With Tables in React, Part Two
/ -14Working With Tables in React, Part One
/ 3How to Set Up a Scalable, E-Commerce-Ready WordPress Site Using ClusterCS
/ -5New Course on WordPress Conditional Tags
/ 5October, 2017
TypeScript for Beginners, Part 5: Generics
/ 1-
/ -9
Building With Vue.js 2 and Firebase
6 / 13-
Peden Hello! I'm at work browsing your blog…
-
cameron Very great post. I just stumbled upon…
-
juliane mckibben WOW just what I was looking for. Came…
-
carissa That is a good tip especially to those…
-
-
/ -8
-
/ 1
Best Unique Bootstrap JavaScript Plugins
/ 1-
/ 2
Essential JavaScript Libraries and Frameworks You Should Know About
/ 5-
/ 5
Vue.js Crash Course: Create a Simple Blog Using Vue.js
/ -16Build a React App With a Laravel RESTful Back End: Part 1, Laravel 5.5 API
/ 3API Authentication With Node.js
/ -4Beginner’s Guide to Angular: HTTP
/ 1Beginner’s Guide to Angular: Routing
/ -3Beginners Guide to Angular: Routing
/ -6Beginner’s Guide to Angular: Services
/ 4Beginner’s Guide to Angular: Components
/ 2September, 2017
How to Create a Custom Authentication Guard in Laravel
/ 7Learn Computer Science With JavaScript: Part 3, Loops
/ -8Build Web Applications Using Node.js
/ 1Learn Computer Science With JavaScript: Part 4, Functions
/ 2Learn Computer Science With JavaScript: Part 2, Conditionals
/ 13Learn Computer Science With JavaScript: Part 1, The Basics
/ -1Create Interactive Charts Using Plotly.js, Part 5: Pie and Gauge Charts
/ -6Create Interactive Charts Using Plotly.js, Part 4: Bubble and Dot Charts
/ 1Create Interactive Charts Using Plotly.js, Part 3: Bar Charts
/ -9Awesome JavaScript Libraries and Frameworks You Should Know About
/ -1Create Interactive Charts Using Plotly.js, Part 2: Line Charts
/ -10Bulk Import a CSV File Into MongoDB Using Mongoose With Node.js
/ -4Build a To-Do API With Node, Express, and MongoDB
/ 2Getting Started With End-to-End Testing in Angular Using Protractor
/ 7TypeScript for Beginners, Part 4: Classes
/ -7Object-Oriented Programming With JavaScript
/ 410 Best Affiliate WooCommerce Plugins Compared
/ 1Stateful vs. Stateless Functional Components in React
/ 10Make Your JavaScript Code Robust With Flow
/ -1Build a To-Do API With Node and Restify
/ 6Testing Components in Angular Using Jasmine: Part 2, Services
/ 1Testing Components in Angular Using Jasmine: Part 1
/ -4Creating a Blogging App Using React, Part 6: Tags
/ -12August, 2017
React Crash Course for Beginners, Part 3
/ 5React Crash Course for Beginners, Part 2
/ 1React Crash Course for Beginners, Part 1
/ 4Set Up a React Environment, Part 4
1 / 9-
abrazil Hello, I check your blog like every…
-
Set Up a React Environment, Part 3
/ -2New Course: Get Started With Phoenix
/ -4Set Up a React Environment, Part 2
/ 2Set Up a React Environment, Part 1
/ -4Command Line Basics and Useful Tricks With the Terminal
/ 5How to Create a Real-Time Feed Using Phoenix and React
/ -1Build a React App With a Laravel Back End: Part 2, React
/ -2Build a React App With a Laravel RESTful Back End: Part 1, Laravel 9 API
/ -2Creating a Blogging App Using React, Part 5: Profile Page
/ -4Pagination in CodeIgniter: The Complete Guide
/ 23JavaScript-Based Animations Using Anime.js, Part 4: Callbacks, Easings, and SVG
/ -1JavaScript-Based Animations Using Anime.js, Part 3: Values, Timeline, and Playback
/ 2Learn to Code With JavaScript: Part 1, The Basics
/ -4July, 2017
10 Elegant CSS Pricing Tables for Your Latest Web Project
/ -13Getting Started With the Flux Architecture in React
/ -2Getting Started With Matter.js: The Composites and Composite Modules
/ -1Getting Started With Matter.js: The Engine and World Modules
/ 1210 More Popular HTML5 Projects for You to Use and Study
/ -19Understand the Basics of Laravel Middleware
/ -3Iterating Fast With Django & Heroku
/ 14Creating a Blogging App Using React, Part 4: Update & Delete Posts
/ -1Creating a jQuery Plugin for Long Shadow Design
/ -9How to Register & Use Laravel Service Providers
2 / -6-
alexandria Hi, its fastidious article on the topic…
-
soi keo I always spent my half an hour to read…
-
Unit Testing in React: Shallow vs. Static Testing
/ 2Creating a Blogging App Using React, Part 3: Add & Display Post
/ 8June, 2017
Creating a Blogging App Using React, Part 2: User Sign-Up
20 / 1-
carris This piece of writing presents clear…
-
marissa Great write-up, I am normal visitor of…
-
ena As a Newbie, I am always exploring…
-
beth Thank you for another fantastic post.…
-
Creating a Blogging App Using React, Part 1: User Sign-In
/ -29 More Popular HTML5 Projects for You to Use and Study
/ 1Creating a Grocery List Manager Using Angular, Part 2: Managing Items
/ 29 Elegant CSS Pricing Tables for Your Latest Web Project
/ -5Dynamic Page Templates in WordPress, Part 3
/ 2Angular vs. React: 7 Key Features Compared
/ 5Creating a Grocery List Manager Using Angular, Part 1: Add & Display Items
/ -1New eBooks Available for Subscribers in June 2017
/ 2Create Interactive Charts Using Plotly.js, Part 1: Getting Started
/ 8The 5 Best IDEs for WordPress Development (And Why)
/ -333 Popular WordPress User Interface Elements
/ -3New Course: How to Hack Your Own App
/ -7How to Install Yii on Windows or a Mac
/ -4What Is a JavaScript Operator?
/ -4How to Register and Use Laravel Service Providers
/ 5
waly Good blog post. I absolutely love this…